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/