重排：当渲染树的部分一定要更新并且节点尺寸发生变化，浏览器会是受到影响的部分失效，并重新构造渲染树

重绘：一个元素的外观改变触发的浏览器行为，浏览器会根据元素的新属性重新绘制，比如元素颜色变化。

1.重排一定导致重绘

导致重排的操作：
浏览器窗口大小发生变化
dom大小发生变化
可见dom的增加，删除
元素的位置改变
优化：
不要一条一条地修改 DOM 的样式。可以先定义好 css 的 class，然后修改 DOM 的 className。