浏览器渲染机制？什么是回流(reflow)、重绘(repaint)？

本文主要是介绍浏览器渲染机制？什么是回流(reflow)、重绘(repaint)？，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

浏览器的渲染机制
解析 DOM 树

解析 CSSDOM 树

有了 DOM 树，CSSDOM 树，进行渲染，形成 Render Tree

layout 浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系，从而去计算出每个节点在屏幕中的位置

painting 绘制

reflow 回流

repaint 重绘 改变某个元素的背景色、文字颜色、边框颜色等等不影响它周围或内部布局的属性时，屏幕的一部分要重画，但是元素的几何尺寸没有变。

什么是回流（影响布局的情况）
浏览器发现某个部分发生了点变化影响了布局，需要倒回去重新渲染，这个过程就是回流

什么是重绘（不影响布局的情况）
改变某个元素的背景色、文字颜色、边框颜色等等不影响它周围或内部布局的属性时，屏幕的一部分要重画，但是元素的几何尺寸没有变。

这篇关于浏览器渲染机制？什么是回流(reflow)、重绘(repaint)？的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！