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