速记
TODO
- [按位操作
- Jest
- benchmark
- graphql
DOCS
ES Modules
ES Modules 是用来处理模块的 ECMAScript 标准
当Node.js多年来一直使用 CommonJS 标准时，但浏览器从未拥有模块系统，因为每个主要决策（例如模块系统）都必须先由ECMAScript标准化，然后由浏览器实现
git commit format
<type>(<scope>): <subject>
// 空一行
<body>
//type（必需）、scope（可选）和subject（必需）
//<body>(可选)
- type用于说明 commit 的类别，只允许使用下面8个标识。
- br: 此项特别针对bug号，用于向测试反馈bug列表的bug修改情况
- feat：新功能（feature）
- fix：修补bug
- docs：文档（documentation）
- style： 格式（不影响代码运行的变动）
- refactor：重构（即不是新增功能，也不是修改bug的代码变动）
- test：增加测试
- chore：构建过程或辅助工具的变动
- revert: feat(pencil): add 'graphiteWidth' option (撤销之前的commit)
getBoundingClientRect
dispatchEvent
创建(createEvent)-初始(init*Event)-分派(dispatchEvent)
JS滚轮事件(mousewheel/DOMMouseScroll)
兼容差异
- onmousewheel(Other) / DOMMouseScroll(FF)
包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试，即使现在FireFox 19下，也是不识onmousewheel
- event.wheelDelta(Other) / event.detail(FF)
需要注意的是，FireFox浏览器的方向判断的数值的正负与其他浏览器是相反的。FireFox浏览器向下滚动是正值，而其他浏览器是负值。
渲染10k条记录
- Large number of DOM nodes make rendering slow
- JavaScript arrays can handle large data sets
- Looping through large arrays is fast
- Sorting arrays by providing custom function to Array.sort() is fast
- eval() is slow, should not be used in large loops
- To achieve smooth scrolling render a few hidden records on top and bottom outside of the visible area
window.requestIdleCallback()
会在浏览器空闲时期依次调用函数， 这就可以让开发者在主事件循环中执行后台或低优先级的任务，而且不会对像动画和用户交互这样延迟敏感的事件产生影响。函数一般会按先进先调用的顺序执行，然而，如果回调函数指定了执行超时时间timeout，则有可能为了在超时前执行函数而打乱执行顺序
var handle = window.requestIdleCallback(callback[, options])
window.cancelIdleCallback(handle)