如何减少浏览器的回流和重绘

1、避免频繁地对文档进行DOM操作。如有必要，可以使用非文件。具体方法包括但不完全包括，

（1）。在修改完成后，首先从文档中删除元素，然后将元素放回原来的位置。

（2）。将元素的显示设置为零，并在修改后将显示修改为原始值。

（3）。如果你需要创建多个DOM节点，你可以使用documentfragment创建一次性添加到文件

2。集中修改样式

（1）。尽可能少地修改元素样式上的属性。

（2）。修改样式尽可能通过修改类名

（3）。通过csstext属性设置的样式值

三.缓存布局属性值

对于布局属性，如果需要多次访问，则非引用类型（数值类型）的值可以在一次访问中存储在本地变量中。之后，使用本地变量，可以避免在每次读取属性时呈现浏览器。

VaR的宽度= el.offsetwidth；var scrollLeft = el.scrollleft；

4。set元素的位置是绝对的或固定的。

当位置元素是静态的和相对的时，元素在DOM树结构中。当某个操作的元素需要重新渲染，浏览器会渲染整个页面。元素的位置设置为绝对和固定可以从DOM树结构的独立存在的元素，并且在需要渲染只需要渲染元素下面的元素的浏览器，从而缩短浏览器的渲染时间，在一定程度上，这是特别值得在Javaｓｃｒｉｐｔ动画越来越多考虑。

以上是一些对浏览器回流减少个人总结和展示物品，我希望你能喜欢。