本文摘自PHP中文网，作者不言，侵删。
本篇文章给大家带来的内容是关于JavaScript中回流（重排）与重绘的相关知识介绍（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。简单先了解一下浏览器的渲染过程（图片来自于网络）
浏览器生成渲染树的过程（图片来自于网络）
回流
回流当render tree中的一部分或全部因为元素的规模尺寸、布局、隐藏等改变时，浏览器重新渲染部分DOM或全部DOM的过程。回流也被称为重排，其实从字面上来看，重排更容易让人形象易懂（即重新排版整个页面）。
重绘
当页面元素样式改变不影响元素在文档流中的位置时（如background-color，border-color，visibility），浏览器只会将新样式赋予元素并进行重新绘制操作。
什么时候会触发回流或重绘？
有大量的用户行为以及潜在的DHTML改变会触发回流。例如，改变浏览器窗口的大小，使用一些JavaScript方法，包括计算样式，对DOM进行元素的添加或删除，或是改变元素的class等。
相关阅读 >>
编写一个javascript程序来列出javascript对象的属性
javascript操作dom对象之select（详细解答）
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
