访问和操作DOM

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

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

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

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

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

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

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

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