当想要确认元素的宽高时有几种属性可以选择，但是我们很难确认使用哪个属性才是最适合的。本文将帮助你做出正确的选择。
如果你需要知道元素总共占用了多少空间，包括可视内容、滚动条（如果有的话）、内边距和边框的宽度，你会使用 offsetWidth 和 offsetHeight 属性，大多数情况下，当元素没有什么形状上的变化时，他们与 getBoundingClientRect()的宽高一致。但是如果发生变化，offsetWidth和offsetHeight将返回元素的布局宽高，而getBoundingClientRect()将返回实际渲染的宽高。例如：如果元素的宽width:100px,变化transform:scale(0.5)，此时getBoundingClientRect()将返回宽50，而offsetWidth将返回宽100.
本文你将学到:
事件委托（代理）是什么，有什么好处我就不多赘述了，经过jQuery时代的朋友们一定知道 live、delegate、on这些方法，他们的核心都是利用js事件的冒泡机制。如今的前端越来越依赖Vue、React、Angular等高级框架，似乎不再需要这种远古的事件机制，但是这些重型框架不是所有的场景都使用，或者有时候即使用到了它们，也会有频繁在dom上手动绑定事件的情况，总不能为了这点小功能把更重的jQuery引入进来吧。
话不多说，HERE WE GO !
假设有一个父元素（id=parent）和一个子元素（id=child），中间可能隔了几代dom，我们想把 #child 的事件冒泡到 #parent 上，可以这么做：
继续填坑，本文会稍微提一些webgl的基础，不会做过多介绍，看官们请先准备要一定的基础知识。
webgl要实现前面的例子方式有很多，比如
给一个矩形平面添加多个顶点，然后在顶点着色器中，在xy平面上移动顶点位置；
或者移动顶点的z分量，再左乘视图矩阵；
或者只使用四个顶点来创建矩形，然后在片元着色器中对uv进行偏移等等。
我这次只讲第一种，下面几个方法玩个坑以后在填吧~
本讲我们在上一讲的基础上，给旗子添加高光，使其看起来更加有立体感。我会用两种方式来分别实现这个效果，然后比较一下优劣，还是先讲原理。
方法一：在原来的代码drawImage之后通过 fillRect 函数来增加一个白色蒙层，通过透明度的递增和递减来模拟。具体多少透明度？当然你可以用数学的方法来求导计算出某一点的斜率，根据其大小和正负得出其透明度大小，斜率越大，透明度越小。这里用一种更取巧也效率更高的方法，即保存某一点前一个点的y轴坐标，与该点的y坐标相减，即可得到斜率的相对大小，因为两点之间的x轴上距离都是1px，所以y轴变化越大，|斜率|则越大。
这里是本系列的第二讲，上一讲不知道大家自己试过了没，虽然整体效果差强人意但是并不算完美。本讲我们先用那个canvas2D把上一讲的效果实现一遍。
还是先讲原理，动手能力强的童鞋可以看了原理自己去鼓捣。
设有三角函数 y = Asin(ωx+φ) ，
hello，民娜桑~~我又来开新坑了(￣ε(#￣)☆╰╮o(￣皿￣///)，这次尽量保证把这个坑填完~
本系列我会分四篇来完成主题，分别是① DIV+CSS的实现，② canvas2D的简单实现，③ canvas2D的进阶实现，④ webgl+着色器的实现 以及 ⑤ 包装成jquery插件并发布为npm模块 。
通常如果一样东西需要编码，说明这样东西并不适合传输（???存疑）。原因多种多样，如Size过大，包含隐私数据，对于Url来说，之所以要进行编码，是因为Url中有些字符会引起歧义。
例如，Url参数字符串中使用key=value键值对这样的形式来传参，键值对之间以&符号分隔，如/s?q=abc&ie=utf-8。如果你的value字符串中包含了=或者&，那么势必会造成接收Url的服务器解析错误，因此必须将引起歧义的&和=符号进行转义，也就是对其进行编码。
这篇文章还是秉承我的写作习惯，虽然标题是谈iconfont，但是我仍然是想到啥说啥，夹杂一些自己的私货，看官们不要介意。废话不多说，咱们先从阿里巴巴矢量图形库放几个图标到项目中，然后下载项目里的图标，网站会帮你生成一些css、html、js文件以及字体文件，然后咱们看着这些代码慢慢进入本次主题：iconfont。
解压缩阿里图标库下载的文件：
好久以前写过使用微信js-sdk实现自定义分享的功能。这次来填坑，把获取用户信息的功能给实现了。由于上次关于微信的文章比较久远了，这次全都换成了更简洁的koa来实现，基本逻辑不变。