DOM访问和操作的优化方法

1、最小化DOM访问次数，尽可能在JavaScript端处理；

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

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

4、如果可能的话，使用速度更快的API，比如querySeletorToAll()和firstElementChild；

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

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

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