首页 > 其他分享 >回流和重绘

回流和重绘

时间:2022-09-26 17:45:57浏览次数:49  
标签:dom 元素 几何 回流 重绘 属性

回流

当我们对dom的修改引发了dom几何尺寸的变化(比如修改元素的宽、高或隐藏元素等),浏览器需要重新计算元素的几何属性,然后将计算的结果绘制出来,这个过程就是回流

重绘

我们修改的dom的样式,却并未影响其几何属性,浏览器不需重新计算元素的几何属性,直接为该元素绘制新的样式。这个过程叫做重绘。

标签:dom,元素,几何,回流,重绘,属性
From: https://www.cnblogs.com/gggjp/p/16731773.html

相关文章

  • 讲讲回流和重绘的区别,如何避免回流和重绘?
    回流:当元素的尺寸,结构属性改变,浏览器需要重新渲染部分或全部文档流的过程浏览器首次加载元素尺寸位置改变元素内容改变字体大小改变添加删除dom元素重绘:元素样......
  • 第 22 题:介绍下重绘和回流(Repaint & Reflow),以及如何进行优化
    1.浏览器渲染机制浏览器采用流式布局模型(FlowBasedLayout)浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了渲染树(RenderTree)。有了RenderTree,我们......
  • 重绘和回流(重排)
    回流(重排)当RenderTree中部分或者全部元素的尺寸、结构、布局等发生改变时,浏览器就会重新渲染部分或全部文档的过程称为回流。重绘由于节点(元素)的样式的改变......
  • 重绘与回流
    重绘和回流(重排)浏览器渲染机制什么是重绘和回流什么时候出发重绘与回流浏览器的优化机制如何避免......
  • 关于重绘和回流的解析
    重绘和回流:repaint(重绘),repaint发生更改时,元素的外观被改变,且在没有改变布局的情况下发生,如改变outline,visibility,backgroundcolor,不会影响到dom结构渲染。reflow(......