当前位置: 首页 > 面试题库 >

了解重绘和重排吗,知道怎么去减少重绘和重排吗,让文档脱离文档流有哪些方法?

胡承悦
2023-03-14
本文向大家介绍了解重绘和重排吗,知道怎么去减少重绘和重排吗,让文档脱离文档流有哪些方法?相关面试题,主要包含被问及了解重绘和重排吗,知道怎么去减少重绘和重排吗,让文档脱离文档流有哪些方法?时的应答技巧和注意事项,需要的朋友参考一下

参考回答:

DOM的变化影响到了预算内宿的几何属性比如宽高,浏览器重新计算元素的几何属性,其他元素的几何属性也会受到影响,浏览器需要重新构造渲染书,这个过程称之为重排,浏览器将受到影响的部分重新绘制在屏幕上 的过程称为重绘,引起重排重绘的原因有:

添加或者删除可见的DOM元素,

元素尺寸位置的改变

浏览器页面初始化,

浏览器窗口大小发生改变,重排一定导致重绘,重绘不一定导致重排,

减少重绘重排的方法有:

不在布局信息改变时做DOM查询,

使用csstext,className一次性改变属性

使用fragment

对于多次重排的元素,比如说动画。使用绝对定位脱离文档流,使其不影响其他元素

 

 类似资料:
  • 本文向大家介绍js 重排和重绘的区别?相关面试题,主要包含被问及js 重排和重绘的区别?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 重绘(repaint或redraw):当盒子的位置、大小以及其他属性,例如颜色、字体大小等都确定下来之后,浏览器便把这些原色都按照各自的特性绘制一遍,将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为,浏览器会根据元素的新属性重新绘制,使元素

  • 本文向大家介绍什么是脱离文档流?有什么办法可以让元素脱离标准的文档流?相关面试题,主要包含被问及什么是脱离文档流?有什么办法可以让元素脱离标准的文档流?时的应答技巧和注意事项,需要的朋友参考一下 正常文档流是块级元素垂直分布,行内和行内块级是水平分布,脱离文档流就是不按照正常文档流的顺序进行排列。 设置float、position可以脱离文档流,float是半脱离,元素中的内容仍处于文档流之中,p

  • 有几百几千个对象,全部清除重绘一次不影响性能吗?尤其是在mousemove里面,移动一个对象

  • 本文向大家介绍来说说你对重绘和重排的理解,以及如何优化?相关面试题,主要包含被问及来说说你对重绘和重排的理解,以及如何优化?时的应答技巧和注意事项,需要的朋友参考一下 浏览器加载网页时会生成DOM树和CSSOM树 重绘: 当盒子的位置、大小以及其他属性,例如颜色、字体大小等都确定下来之后,浏览器便把这些原色都按照各自的特性绘制一遍,将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为,

  • 问题内容: 我对重排和重绘之间的区别还不清楚(如果有任何区别) 似乎重排可能正在转移各种DOM元素的位置,其中重画只是呈现一个新对象。例如,在移除元素时将发生回流,而在更改其颜色时将发生重新绘制。 这是真的? 问题答案: 至于定义,从那篇文章: 一个 重绘 更改时的元素皮肤改变明显制成,但不影响其布局发生。 这方面的例子包括 ,,,或。根据Opera的说法,重绘是昂贵的,因为浏览器必须验证DOM树

  • < code>$@和< code >“$ @”有什么区别吗? 我知道非特殊字符可能存在差异,但是带有输入参数的符号呢?