重绘和重排是浏览器在渲染页面时涉及的两个重要概念，它们之间的主要区别体现在触发条件、影响范围以及性能开销上，以下是对两者的详细对比：
| 类型 | 触发条件 | 影响范围 | 性能开销 |
|---|---|---|---|
| 重绘 | 样式发生改变 | 仅影响元素的外观样式 | 小 |
| 重排 | 布局发生改变 | 影响整个页面的布局 | 大 |
简单的理解就是
重绘，重新绘制，针对元素，只影响某个元素(并不是绝对的)，局部范围，所以开销小。
重排，重新排列，针对整个页面布局，影响整个页面，全局范围，所以开销大
什么情况加触发重绘？什么情况下触发重排呢？不要死记硬背，要理解。
样式改变触发重绘。 什么属性改变样式呢？比方说：颜色，背景，透明度等等
布局发生改变触发重排。 什么属性改变布局呢？比方说:宽高，position，display，border，padding，margin等等
全是精华，没有需要精炼的位置