当前位置:网站首页 > 编程语言 > 正文

重绘和回流和重排(重绘会引起回流吗)



重绘的定义

一个元素外观改变触发浏览器的行为,浏览器会根据元素的新属性重新回值,使元素呈现新的外观;

通俗来说就是:某一个元素的样式改变了,虽然并不影响其在文档流中的位置,但是浏览器就会对元素进行重新绘制,这就是重绘;

 

重绘的触发条件

color、backgroundColor、size等改变元素外观的属性

重绘一般发生在 UI 界面;是一个元素外观的改变所触发的浏览器行为,浏览器会根据元素的新属性重 新绘制,使元素呈现新的外观。

回流的范围:

改变外观属性的元素;

 

注意:
table 及其内部元素可能需要多次计算才能确定好其在渲染树中节点的属性值,比同等元素要多花两倍时间,这就是我们尽量避免使用 table 布局页面的原因之一。

回流的定义

当渲染树中的一部分或全部因为元素的规模尺寸、布局、隐藏等改变而需要重新构建,就叫做回流(重排)。每个界面至少需要一次回流(重排)。

通俗来说就是:当增加或删除dom节点,改变元素的尺寸或者触发某些属性,引起页面结构改变时,浏览器就会重新构造dom树会重新渲染页面,这就是回流;

回流的触发条件:

任何页面布局和几何属性的改变都会触发重排。

回流的范围:

在触发回流(重排)的时候,由于浏览器渲染页面是基于流式布局的,所以当触发回流时,会导致周围的 DOM 元素重新排列,它的影响范围有两种:

1、全局范围:从根节点开始,对整个渲染树进行重新布局

2、局部范围:对渲染树的某部分或者一个渲染对象进行重新布局


到此这篇重绘和回流和重排(重绘会引起回流吗)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • junit5(junit5下载)2025-01-01 16:27:10
  • dap贸易术语解释(ddpdap贸易术语解释)2025-01-01 16:27:10
  • dos2unix命令执行不成功(dos命令 linux)2025-01-01 16:27:10
  • 跨区域物流(跨区域物流调研报告)2025-01-01 16:27:10
  • 网上聊天网页(网上聊天网页没有本地记录)2025-01-01 16:27:10
  • 苹果手机的本机信息在哪里(iphone本机信息在哪看)2025-01-01 16:27:10
  • 重排 重绘(重排有哪几种)2025-01-01 16:27:10
  • 卡巴斯基个人版多少钱(卡巴斯基个人版免费)2025-01-01 16:27:10
  • 2258xt主控和2258的区别(2258主控与2246en主控对比)2025-01-01 16:27:10
  • auto不可用(auto不可用为)2025-01-01 16:27:10
  • 全屏图片