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