学习笔记（八）

BUG集锦：
1. if lt IE 只能判断到 9，10及10以上及edge都无效
2. sourceTree 上传，大小写不区分，比如 Index 和 index
3. touchend 时 touches 是已经不存在了的
4. canvas 的 globalAlpha 小于 0 时会按 1 来计算
5. 函数传参时多打个逗号，PC正常显示，但在移动端把后续程序全部卡住

新知识点：
1. document.execCommand 使用浏览器权限，如复制粘贴
2. elem.matchesSelector('.xx') 相当于 $.is('.xx') 需要兼容
3. font-display: swap; 让字体加载时不显示为空白，尚未兼容
4. navigator.onLine 判断是否联网
5. requestIdleCallback 空闲时间运行，与 requestAnimationFrame 合用，当前帧有空闲时间则运行，没有则推迟到下一帧
6. HTML 的 ID 可以用中文
7. visibilitychange / pointerlockchange / requestPointerLock
8. MSPointer IE10 特有的事件处理，合并了 mouse 和 touch
9.touch-action: none; 可禁用浏览器的触摸交互，比如拖拽的时候禁用滚动的CSS解决方案
10.createEvent / dispatchEvent 自定义事件及其触发
11.background 多图形态下，最先的为最上层
12.new FormData() 对象可传入 form 元素，或 append(key, value) 来生成数据字符串
13.xhr 还有 upload 属性，可以绑定 load progress abort 等事件

楷模：
http://perfectionkills.com/javascript-quiz/