摘要:所以由此來看重繪不一定導致回流,回流一定會導致重繪前面我們說回流和重繪是會對進行修改,會消耗性能,所以我們要盡可能減少回流和重繪的次數。瀏覽器自己也清楚,如果每次操作都即時地反饋一次回流或重繪,那么性能上來說是扛不住的。
回流(Reflow)重繪(Repaint) 什么時候會觸發回流或重繪呢?
當我們對dom 進行修改當時候會引發它外觀(樣式)上的改變時,就會觸發回流或重繪。
這個過程本質上還是因為我們對 DOM 的修改觸發了渲染樹(Render Tree)的變化所導致的
1.根據 HTML 結構生成 DOM 樹
2.根據 CSS 生成 CSSOM
3.將 DOM 和 CSSOM 整合形成 RenderTree
4.根據 RenderTree 開始渲染和展示
5.遇到