zoukankan      html  css  js  c++  java
  • DOM的回流和重绘(重排、重绘)

    什么是DOM回流?

      页面渲染时,我们对HTML结构简单的增删查改时,浏览器会对所有的dom进行重新排序,这就i是DOM回流,严重影响浏览器性能

    DOM的回流和重绘:

            **DOM的回流**:当页面中元素的位置,大小或结构、定位发生改变,

            会引发浏览器对当前页面的结构进行重新的计算;非常耗性能的;

            **DOM的重绘**: 当元素的背景、透明度、颜色发生变化,

            那么浏览器会对元素进行重新描绘;这个过程就是浏览器的重绘;

    ————————————————

    版权声明:本文为CSDN博主「xieting153」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

    原文链接:https://blog.csdn.net/xieting153/article/details/83046809

    ->回流(重排 reflow):当页面中的HTML结构发生改变(增加、删除元素、位置发生改变等等),只要结构发生改变,浏览器都需要从新的计算一遍最新的dom结构,从新的对当前的页面进行渲染 

    ->重绘:某一个元素的部分洋时发生改变了(背景颜色),浏览器只需要从新的渲染当前元素即可

    https://blog.csdn.net/qq_41770012/article/details/79398395

  • 相关阅读:
    静态代码块执行顺序
    静态代码块
    方法的定义(实例与静态)
    变量的声明(实例与静态)
    static关键字
    封装2
    线程1
    数组元素的查找——二分法查找
    docker介绍、安装及要素讲解
    渗透测试基础
  • 原文地址:https://www.cnblogs.com/feng9exe/p/11732613.html
Copyright © 2011-2022 走看看