前端性能優化之減少重排,對比重排與重繪

在前端開發的過程中,性能優化是一個最常見的問題,重繪與重排也是提到優化時不可忽視的一塊。 那麼什麼是重繪與重排呢,在解釋重繪與重排之前,我們首先需要先了解清楚瀏覽器的渲染過程, 下面先上一張比較常見的渲染過程圖:   根據上圖我們可以看到和總結出瀏覽器的渲染大致分爲以下五個步驟: DOM Tree: 瀏覽器根據HTML解析出DOM Tree Style Rules:根據CSS解析出Style Ru
相關文章
相關標籤/搜索