> For the complete documentation index, see [llms.txt](https://raozhanping.gitbook.io/notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://raozhanping.gitbook.io/notes/master.md). # 速记 ## TODO 1. \[按位操作 2. [Jest](https://github.com/raozhanping/note-book/tree/df0512641912cace0c7e6840339cf077a713a9cf/docs/ops-jest.md) 3. [benchmark](https://github.com/raozhanping/note-book/tree/df0512641912cace0c7e6840339cf077a713a9cf/src/ops-benchmark.md) 4. graphql ## DOCS * [semantic-release](https://semantic-release.gitbook.io/semantic-release/) ## ES Modules > ES Modules 是用来处理模块的 ECMAScript 标准当Node.js多年来一直使用 CommonJS 标准时，但浏览器从未拥有模块系统，因为每个主要决策（例如模块系统）都必须先由ECMAScript标准化，然后由浏览器实现 ## git commit format ```javascript (): // 空一行 //type（必需）、scope（可选）和subject（必需） //(可选) ``` * 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) ### 兼容差异 1. onmousewheel(Other) / DOMMouseScroll(FF) 包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试，即使现在FireFox 19下，也是不识onmousewheel 2. 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，则有可能为了在超时前执行函数而打乱执行顺序 ```javascript var handle = window.requestIdleCallback(callback[, options]) window.cancelIdleCallback(handle) ```