重排（回流）&重繪

https://segmentfault.com/a/1190000017329980

重排一定會(huì)導(dǎo)致重繪，但是重繪不一定導(dǎo)致重排

重排

dom發(fā)生變化，影響了元素的幾何信息（位置和尺寸大?。?，會(huì)引發(fā)重排

  • 頁(yè)面渲染初始化
  • 添加或刪除dom
  • 元素位置改變
  • 元素尺寸改變（寬高、內(nèi)外邊距、邊框厚度等）
  • 瀏覽器窗口尺寸改變

重繪

元素外觀發(fā)生變化，會(huì)引起重繪

  • 顏色

減少重排和重繪

  • 減少直接操作dom，改用className控制
  • 減少table使用，table屬性改變，會(huì)直接導(dǎo)致布局重排
  • 對(duì)于復(fù)雜的動(dòng)畫(huà)效果，讓他脫離文檔流
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容