《高性能Javascript》 Summary（一）

第一章、加载和执行 Loading & Execution

原因：Javascript 的执行导致页面渲染中止等待。

解决：

第二章、数据访问 Date Access

原因：在Javascript中，数据存储位置可以对代码整体兴能产生重大影响。有四种数据访问类型：直接量，变量，数组项，对象成员。直接量和变量访问快，数组项和对象访问慢。

解决：

第三章、DOM编程 DOM Scripting

原因：DOM和 Javascript(ECMAScript)实现保持相互独立。两者就像两座岛屿，ECMAScript每次访问DOM时，都会交上一次‘过桥费’,访问越多，交得越多。

解决：

最小化DOM的访问，在Javascript端尽量做更多的事情。
将反复使用的地方使用局部变量存放DOM引用。
小心处理HTML集合（访问慢，总是对底层文档进行查询），将Length缓存到变量中，在迭代中使用这个变量。如果经常操作html集合，可以将集合拷贝到数组中使用。
如果可以的话使用更快的API，如querySelectorAll and firstElementChild。
注意重绘和重排：批量修改style, 离线操作dom树，缓存并减少对布局信息的访问。
动画中使用绝对定位(脱离文档流，不影响文档流的dom重绘重排)，使用拖放代理。
使用事件委托技术最小化事件句柄数量。

巴特西