你对重绘和重排是怎么理解的？

重排

• 当渲染树需要更新并且 DOM 尺寸(宽高)发生了变化，同时其他的 DOM 也会收到影响， 浏览器就会重新构建渲染树，这个过程叫重排

• 触发重排

  • 添加或删除可见的 DOM ，DOM 位置发生变化，DOM 尺寸大小发生变化，页面初次 渲染，浏览器窗口尺寸发生变化

重绘

• 浏览器重新绘制受到影响的部分到屏幕上，这个过程叫做重绘

• 触发重绘

  • 单独改变 DOM 的样式而不改变尺寸大小

重绘不一定会重排，重排一定会重绘