高性能javascript-dom编程笔记

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

1、最小化dom访问次数，尽可能在javascript端处理。

2、如果需要多次访问某个dom节点，请使用局部变量存储它的引用。

3、小心处理html集合，因为它实时联系着底层文档。把集合的长度缓存到一个变量中，并在迭代中使用它。如果需要经常操作集合，建议把她拷贝到一个数组。

4、如果可能的话，使用速度更快的api，比如querySelectorAll（）和firstElementChild.

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

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

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