回流重绘

回流

当你访问需要计算元素尺寸或者位置的属性时,浏览器就会强制重新计算页面布局,确保获取的属性值是最新的,这可能会涉及重新计算和调整其他元素的位置和大小,以适应获取的属性值。

重绘

当浏览器重新计算页面布局后,如果没有影响元素的集合属性(比如位置和尺寸),只是外观样式(比如颜色、背景)发生了变化,浏览器会执行重绘操作,重新绘制元素的外观。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 重绘(replaint)——当页面中的元素只是外观或风格被改变不影响布局,比如更换背景色background-co...
    为光pig阅读 546评论 0 9
  • 先讲下概念: 回流:改变页面布局,元素宽高等会引起盒模型尺寸大小变化的属性,包括显示和隐藏等,都会引起浏览器重...
    木中木阅读 666评论 0 0
  • “回流重绘”是什么? 在HTML中,每个元素都可以理解成一个盒子,在浏览器解析过程中,会涉及到回流与重绘: 回流:...
    Hada阅读 137评论 0 0
  • 一、首先我们简单了解下浏览器的渲染过程: 1.解析HTML抽象DOM Tree 2.抽象出Render Tree ...
    小王子_helloworld阅读 886评论 0 0
  • 渲染的流程基本上是这样(如下图黄色的四个步骤): 计算 CSS 样式 构建 Render Tree Layout ...
    AAA前端阅读 591评论 0 0

友情链接更多精彩内容