什么是回流?什么是重绘?区别是什么?

Posted danghongquan

tags:

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

浏览器在加载页面的时候会生成一个render(渲染)树,加载完成后当渲染树中的某一些元素发生了比如形状,尺寸,隐藏,由于元素之间位置的相互关系发生改变,都会使渲染树发生改变,从而需要重新构建渲染树,这叫回流
而当渲染树中的某些元素发生的改变不会影响个元素之间的位置关系,比如color,background等只是改变外观,则不需要重建渲染树,这就叫做重绘。
区别:当发生回流时一定发生了重绘,但是当发生重绘时则不一定发生回流

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

什么是重绘和重排? 如何去避免?

什么是重绘和重排? 如何去避免?

☀️什么是重绘和重排? 如何去避免?

Web前端性能优化-重绘与回流

回流(reflow)与重绘(repaint)

重绘回流(重排)