那些操作會引起回流（reflow）？

reflow(回流)是指瀏覽器為了重新渲染部分或者全部的文檔,重新計算文檔中的元素的位置和幾何構造的過程。

因為回流可能導致整個Dom樹的重新構造,所以是性能的一大殺手。

以下操作會引起回流：

① 改變窗口大小

② font-size大小改變

③ 增加或者移除樣式表

④ 內容變化（input中輸入文字會導致）

⑤ 激活CSS偽類（:hover）

⑥ 操作class屬性，新增或者減少

⑦ js操作dom

⑧ offset相關屬性計算

⑨ 設置style的值 ......

另外: reflow與repaint（重繪）是減緩js的幾大主要原因，尤其是reflow更是性能殺手，

所以我們應該想法避免。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。