https://segmentfault.com/a/1190000017329980
重排一定會導(dǎo)致重繪,但是重繪不一定導(dǎo)致重排
重排
dom發(fā)生變化或听,影響了元素的幾何信息(位置和尺寸大刑叫ⅰ),會引發(fā)重排
- 頁面渲染初始化
- 添加或刪除dom
- 元素位置改變
- 元素尺寸改變(寬高誉裆、內(nèi)外邊距顿颅、邊框厚度等)
- 瀏覽器窗口尺寸改變
重繪
元素外觀發(fā)生變化,會引起重繪
- 顏色
減少重排和重繪
- 減少直接操作dom足丢,改用className控制
- 減少table使用粱腻,table屬性改變,會直接導(dǎo)致布局重排
- 對于復(fù)雜的動畫效果斩跌,讓他脫離文檔流