重绘和重排（回流）是如何理解的，他们有什么区别或者联系？

重绘和回流是什么呢？

重绘单单从字面意思来看，就是重新绘制，那什么情况下会触发重绘呢？

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

触发重绘：单独改变DOM的样式而不改变尺寸的大小

重排单从字面意思就是，重新排列，那什么情况下会触发重排呢？

重排（回流）：当渲染树需要更新并且DOM尺寸（宽高）发生了变化，同时其他的DOM就会受到影响，浏览器就会重新构建渲染树，这个过程就叫重排（回流）

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

重绘和重排（回流）的关系

重绘不一定会重排（回流），重排（回流）一定会重绘