<h2 id="导致回流的因素"><a aria-hidden="true" tabindex="-1" href="#导致回流的因素"></a>导致回流的因素</h2>
<ul>
<li>
调整窗口大小（Resizing the window）
</li>
<li>
改变字体（Changing the font）
</li>
<li>
增加或者移除样式表（Adding or removing a stylesheet）
</li>
<li>
操作 class 属性（Manipulating the class attribute）
</li>
<li>
脚本操作 DOM（A script manipulating the DOM）
</li>
<li>
计算 offsetWidth 和 offsetHeight 属性（Calculating offsetWidth and offsetHeight）
</li>
<li>
设置 style 属性的值 （Setting a property of the style attribute）
</li>
<li>
内容变化，比如用户在input框中输入文字（Content changes, such as a user typing text in
an input box）?
</li>
<li>
激活 CSS 伪类，比如 :hover (IE 中为兄弟结点伪类的激活)（Activation of CSS pseudo classes such as :hover (in IE the activation of the pseudo class of a sibling)）?
</li>
</ul>
<h2 id="避免回流的方法"><a aria-hidden="true" tabindex="-1" href="#避免回流的方法"></a>避免回流的方法</h2>
<ul>
<li>
尽可能在DOM树的最末端改变class
</li>
<li>
动画效果应用到position属性为absolute或fixed的元素上
</li>
<li>
避免使用CSS的JavaScript表达式
</li>
<li>
牺牲平滑度换取速度 ？
</li>
<li>
避免使用table布局 ？
</li>
<li>
避免设置多层内联样式?
</li>
</ul>