yahoo! 性能工程師 nicole sullivan 在最新的文章 《reflows & repaints: css performance making your javascript slow?》 中總結(jié)了導(dǎo)致 reflow 發(fā)生的一些因素：

1. 調(diào)整窗口大小（resizing the window）
2. 改變字體（changing the font）
3. 增加或者移除樣式表（adding or removing a stylesheet）
4. 內(nèi)容變化，比如用戶在input框中輸入文字（content changes, such as a user typing text in
   an input box）
5. 激活 css 偽類，比如 :hover (ie 中為兄弟結(jié)點(diǎn)偽類的激活)（activation of css pseudo classes such as :hover (in ie the activation of the pseudo class of a sibling)）
6. 操作 class 屬性（manipulating the class attribute）
7. 腳本操作 dom（a script manipulating the dom）
8. 計算 offsetwidth 和 offsetheight 屬性（calculating offsetwidth and offsetheight）
9. 設(shè)置 style 屬性的值 （setting a property of the style attribute）

reflow 會引起開銷，影響頁面的性能，那如何才能做到合理的優(yōu)化呢？nicole sullivan 也提供了部分建議：

1. 如果想設(shè)定元素的樣式，通過改變元素的 class 名 (盡可能在 dom 樹的最里層)（change classes on the element you wish to style (as low in the dom tree as possible)）
2. 避免設(shè)置多項內(nèi)聯(lián)樣式（avoid setting multiple inline styles）
3. 應(yīng)用元素的動畫，使用 position 屬性的 fixed 值或 absolute 值（apply animations to elements that are position fixed or absolute）
4. 權(quán)衡平滑和速度（trade smoothness for speed）
5. 避免使用 table 布局（avoid tables for layout）
6. 避免使用css的 javascript 表達(dá)式 (僅 ie 瀏覽器)（avoid javascript expressions in the css (ie only)）

詳細(xì)閱讀：

• 《reflows & repaints: css performance making your javascript slow?》

原文：http://www.planabc.net/2009/04/13/reflow/