高性能Java script(DOM操作)

三、DOM操作的优化

                a.Ecama 和 DOM 是两座岛屿

在浏览器中,实现DOM操作是很耗性能的事情  应该做的是 尽量呆在ECAMA这座岛屿上,将最后的结果添加到DOM中,并且越少越好

1.重复添加大量的节点时,可以复制节点更加节省性能

2.利用fragment,添加frag的时候添加的是frag的子节点

3.将DOM元素移除文档流,操作完毕后再加入文档流。

                b.重绘和重排

每次查询元素的几何位置等相关信息,会强制刷新队列查询信息(耗费性能)

优化操作:略

                c.内存问题

给DOM元素绑定事件,即使这个元素被删除掉,事件依旧会占用浏览器的内存,应该手动清楚内存占用

你可能感兴趣的:(高性能Java script(DOM操作))