提高JavaScript性能③

dom对性能的影响

1.尽量减少dom操作，操作dom是昂贵的（节点克隆，HTML集合转换成数组，局部变量储存引用等）

2.使用更快的api，如querySelectAll何firstElementChild

3.注意重绘和重排（添加删除dom元素，位置，尺寸，内容，窗口改变）

4.强制刷新队列的方法：（offsetTop, offsetLeft, offsetWidth,offsetHeight,scrollTop,scrollLeft,scrollWidth,scrollHeight,clientTop,clientLeft,clientWidth,clientHeight）,要注意使用

5.改变样式可以用csstext和classname

6.批量修改dom（1.隐藏-修改-重新显示 2.使用文档片段，在拷贝回文档中3.克隆一个备份，然后替换）

7.如果有动画，让他脱离文档流

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