学习笔记（七）

BUG集锦：
1. 部分苹果机 window.orientation 不准，进去就是 90，多转几次又好了，所以最好还是使用宽高判断，而又由于键盘弹出这种特殊情况，不推荐同时绑定 resize
2. setInterval 设置 document.title 效果非常不稳定，用 requestAnimationFrame 就好了
3. absolute 下的 offsetLeft 会以父级定位的相对位置来计算
4. Object.assign 会把 this 指向该对象本身
5. 移动端同个 input[type="file"] 的 change 事件只触发一次

新知识点：
1. 将 debugtbs.qq.com 输入微信对话框发送，并打开此链接，可强制使用 webview 而不是 X5
2. WeakMap 生成弱引用对象，使用 get 和 set 对其他对象进行拿取和赋值，不计入垃圾回收
3. currentColor 让子级继承父级的 color，如 background/fill等，兼容性很棒
4. shape-outside 改变盒子形状，不再只能是方形。shape-margin 与其他盒子的空隙，shape-image-threshold 根据颜色（比如渐变）来改变盒子形状。兼容较差。
5. text-align-last 让最后一行也能进行对齐，ios 不兼容
6. tab-size 对 tab 键打出的空隙进行设置，1代表（1个中文字/2个英文字），兼容一般。
7. text-decoration 的拓展，text-decoration-line 线条位置（上中下），text-decoration-style 线条样式（点线/虚线/双线/波浪线），兼容一般。
8. ctx.setLineDash([lineWidth, lineGap]) | canvas 画虚线
9. canvas 使用整数比使用小数会更清晰
10.(num + 0.5) | 0 这样来获得整数比较好

楷模：
http://www.cnblogs.com/wj204/p/6932653.html#3706230
http://fff.cmiscm.com/#!/main
https://blog.codepen.io/2017/06/09/best-volume-sliders/
http://mockjs.com/