高性能javascript-dom编程笔记

访问和操做dom是现代web应用的重要部分。但每次穿越链接ecmascript和dom两个岛屿之间的桥梁，都会被收取“过桥费”。为了减小dom编程带来的性能损失，请记住如下几点：

一、最小化dom访问次数，尽量在javascript端处理。

二、若是须要屡次访问某个dom节点，请使用局部变量存储它的引用。

三、当心处理html集合，由于它实时联系着底层文档。把集合的长度缓存到一个变量中，并在迭代中使用它。若是须要常常操做集合，建议把她拷贝到一个数组。

四、若是可能的话，使用速度更快的api，好比querySelectorAll（）和firstElementChild.

五、要留意重绘和重排；批量修改样式时，“离线”操做dom树，使用缓存，并减小访问布局信息的次数。

六、动画中使用绝对定位，使用拖放代理。

七、使用事件委托来减小事件处理器的数量。