重排和重绘

重排（回流）：当我们对 DOM 的修改引发了 DOM 几何尺寸的变化（比如修改了元素的宽、高或隐藏元素等）时，浏览器需要重新计算元素的几何属性（其他元素的集合属性和位置也会因此受到影响），然后再将计算的结果绘制出来。

重绘：当我们对 DOM 的修改导致了样式的变化、却并未影响几何属性(比如修改了颜色或背景)，浏览器不需要重新计算元素的几何属性、直接修改元素绘制新的样式(跳过了上面所说的回流环节)

重绘不一定导致回流，回流一定会导致重绘

回流时影响最大的

1. 窗体, 字体大小
2. 增加样式表
3. 内容变化
4. class 属性
5. offsetWidth 和 offsetHeight
6. fixed