DOM的回流和重绘（重排、重绘）

什么是DOM回流？

　　页面渲染时，我们对HTML结构简单的增删查改时，浏览器会对所有的dom进行重新排序，这就i是DOM回流，严重影响浏览器性能

 

DOM的回流和重绘：

 

        **DOM的回流**：当页面中元素的位置，大小或结构、定位发生改变，

        会引发浏览器对当前页面的结构进行重新的计算；非常耗性能的；

 

        **DOM的重绘**： 当元素的背景、透明度、颜色发生变化，

        那么浏览器会对元素进行重新描绘；这个过程就是浏览器的重绘；

————————————————

版权声明：本文为CSDN博主「xieting153」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/xieting153/article/details/83046809

 

->回流(重排 reflow):当页面中的HTML结构发生改变(增加、删除元素、位置发生改变等等)，只要结构发生改变，浏览器都需要从新的计算一遍最新的dom结构，从新的对当前的页面进行渲染 

->重绘：某一个元素的部分洋时发生改变了(背景颜色)，浏览器只需要从新的渲染当前元素即可

 

https://blog.csdn.net/qq_41770012/article/details/79398395