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/