重绘

当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时由于只需要UI层面的重新像素绘制，因此损耗较少

常见重绘操作有：
1.改变元素颜色
2.改变元素背景色
3.。。。。。。

回流（重排）

当元素的尺寸、结构或者触发某些属性时，浏览器会重新渲染页面，称为回流。此时，浏览器需要重新计算，计算后还需要重新布局页面，因此是较重的操作。

常见回流操作有：
1.页面初次渲染
2.浏览器窗口大小改变
3.元素尺寸、位置、内容发生改变
4.元素字体大小变化
5.添加或删除可见的DOM
6.激活css伪类（：hover）
7.。。。。。。

总结

回流必定触发重绘，重绘不一定触发回流。回流开销较大。

如何避免大量使用重绘和回流

1.避免频繁操作样式，可汇总后统一修改
2.尽量使用class进行样式修改，而不是直接插入样式
3.减少dom操作。可使用字符串一次插入

浏览器的回流与重绘 (Reflow & Repaint)
浏览器的回流与重绘 (Reflow & Repaint) 写在前面在讨论回流与重绘之前，我们要知道：浏览器使用...
浏览器的回流与重绘 (Reflow & Repaint)
回流必将引起重绘，重绘不一定会引起回流在讨论回流与重绘之前，我们要知道：浏览器使用流式布局模型 (Flow Ba...
页面回流
理解浏览器的重绘与回流（repaint&&reflow）今天在做练习的时候，遇到了重绘与回流这个词，表示连个毛都...
22，重绘、回流
1，浏览器渲染机制 2，重绘 3，回流 > 重绘。 4，浏览器优化 5，减少重绘和回流
2020前端面试问题及答案整理
css的重绘与回流重绘：当节点需要更改外观而不会影响布局。回流：DOM结构的修改引发DOM几何尺寸变化的时候，...
回流与重绘
回流一定会触发重绘回流: DOM结构的增删改重绘: 颜色,背景, 字体等视觉上页面的改变重绘不一定触发回流如何...
面试
1. css的重绘与回流重绘：当节点需要更改外观而不会影响布局。回流：DOM结构的修改引发DOM几何尺寸变化的时...
面经之 Browser浏览器读后感
浏览器，原文请移步Browser | InterviewMap 回流和重绘回流和重绘 - 掘金存储 cooki...
前端总结（后续继续更新）
1，reflow和repaint：回流和重绘。回流：renderTree 重建。重绘：外观样式风格进行更新。（co...
前端一些细节
1，reflow和repaint：回流和重绘。回流：renderTree 重建。重绘：外观样式风格进行更新。（co...