什麼是重排？
重排，是根據渲染樹中每個渲染物件的資訊，計算出各自渲染物件的幾何資訊（DOM物件的位置和尺寸大小），並將其安置在介面中的正確位置。
什麼情況下會引起重排？
頁面首次渲染。
瀏覽器視窗大小發生改變。
元素尺寸或位置發生改變。
元素內容變化（文字數量或圖片大小等等）。
元素字型大小變化。
新增或者刪除可見的DOM元素。
啟用CSS偽類（例如：:hover）。
設定style屬性
查詢某些屬性或呼叫某些方法。
如何避免/減少瀏覽器重排/迴流？
減少DOM操作
減少重排
css及動畫處理
淺談瀏覽器重排（Relayout/Reflow）
相關文章
- 瀏覽器重繪(repaint)重排(reflow)與優化[瀏覽器機制]瀏覽器AI優化
- 瀏覽器的重繪與重排瀏覽器
- 淺談瀏覽器實時構建瀏覽器
- 淺談瀏覽器快取機制瀏覽器快取
- 淺談瀏覽器本地儲存-indexedDB瀏覽器Index
- 瀏覽器的迴流與重繪 (Reflow & Repaint)瀏覽器AI
- 小文：淺談瀏覽器發展簡史瀏覽器
- 淺析瀏覽器快取瀏覽器快取
- 最大限度的減少瀏覽器的重新佈局（Reflow&Repaint）瀏覽器AI
- 淺談瀏覽器執行環境下的event loop機制瀏覽器OOP
- 淺談在瀏覽器中輸入URL返回頁面的過程瀏覽器
- 深入淺出瀏覽器渲染原理瀏覽器
- 【高效能JS】重繪、重排與瀏覽器優化方法JS瀏覽器優化
- 前端效能優化：細說瀏覽器渲染的重排與重繪前端優化瀏覽器
- 談談CSS瀏覽器的相容問題。集錦CSS瀏覽器
- 瀏覽器渲染原理（效能優化之如何減少重排和重繪）瀏覽器優化
- 深入淺出瀏覽器快取機制瀏覽器快取
- 淺談瀏覽器端 WebGIS 開發可能會用到的、提升效率的 js 庫瀏覽器WebJS
- 瀏覽器快取淺談（強快取與協商快取的認知）瀏覽器快取
- 【瀏覽器】瀏覽器基本工作原理瀏覽器
- 前端優化，瞭解瀏覽器重排與重繪前端優化瀏覽器
- 瀏覽器渲染過程與原理淺析（一）瀏覽器
- 瀏覽器瀏覽器
- 從瀏覽器渲染原理談動畫效能優化瀏覽器動畫優化
- IE團隊有問必答談 Spartan 瀏覽器瀏覽器
- Chrome 瀏覽器修改 UA 模擬其它瀏覽器，包括移動瀏覽器Chrome瀏覽器
- 基石-初見瀏覽器（一）：瀏覽器渲染瀏覽器
- Min瀏覽器: 更快更輕量瀏覽器瀏覽器
- .net火狐瀏覽器 ie瀏覽器 判斷瀏覽器
- 淺析瀏覽器與nodejs中的event loop瀏覽器NodeJSOOP
- Chrome 瀏覽器頁面渲染工作原理淺析Chrome瀏覽器
- microsoft edge是ie瀏覽器嗎 edge瀏覽器和ie瀏覽器一樣嗎ROS瀏覽器
- 前端面試瀏覽器系列：瀏覽器快取前端面試瀏覽器快取
- “木偶”瀏覽器瀏覽器
- 瀏覽器原理瀏覽器
- 瀏覽器核心瀏覽器
- vivaldi瀏覽器瀏覽器
- Mozilla瀏覽器瀏覽器