回流和重绘

Posted chenxi0x0

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了回流和重绘相关的知识,希望对你有一定的参考价值。

首先需要只要什么是Dom Tree和Render Tree。页面加载的时候,会把html代码解析成dom树,包含所有的html标签,display:none的元素还有js动态元素。render tree类似于dom树,但是它不包括display为none的元素,也就是不会呈现出先来的元素。简单点来说,就是dom树和css结合起来形成了render树。

回流是什么?

当render tree一部分或者全部因元素尺寸,布局,隐藏等改变需要重新构建的叫做回流

重绘是什么?

当render tree一部分更改属性(颜色等)不影响布局的加做重绘

以上是关于回流和重绘的主要内容,如果未能解决你的问题,请参考以下文章

回流和重绘有啥区别?

JS的回流和重绘

回流和重绘

回流(重排)与重绘 —— 什么是回流和重绘,造成的原因是什么,如何去减少?

回流(重排)与重绘 —— 什么是回流和重绘,造成的原因是什么,如何去减少?

详解回流和重绘及优化