DOM操作要点

1、能放到DOM操作之外的操作就放到外面,DOM操作要尽量少.

2、大范围操作先把容器隐藏,在其中操作完成后,再显示

这是一个我刚接触前端时遇到的一个优化办法,当时很不理解为什么display=none之后操作就算是性能优化了.但是数据证明如此渲染确实快了很多,这个的原理要涉及到浏览器加载和渲染的原理,简单说就是隐藏的元素其中不会产生reflow.这个例子我就不写了,很简单.

3、样式操作不要注意修改属性,直接替换class

4、用变量保存DOM对象而不是多次获取,同时减少操作DOM属性的次数