码迷,mamicode.com
首页 > 其他好文 > 详细

重排版与重绘

时间:2018-05-16 22:25:33      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:几何   ===   可见   .com   删除   setw   源码   导致   The   

今天被一大神给刺激了,感觉他基础掌握很扎实,以后有机会也尽量研究源码及原理

以下内容借鉴:https://www.cnblogs.com/fangsmile/p/7060497.html

 

重排版与重绘 :当DOM 改变影响到元素的几何属性(宽和高)==》就是改变了一个元素的宽或者高,或者字数的改变==》都会导致浏览器计算元素的几何属性==》同时也会应道其他元素的几何属性和位置==》所以之前渲染的部分就会失效==》然后就会重构(这里我理解为重新渲染)==》这个过程就叫“重排版”==》完成重排版时==》页面要重新绘制一遍被影响的那个部分(浏览器在一个重绘进程中重新绘制屏幕上受影响的部分)。

                       几何属性没变,但是背景色变了/字体颜色变了这种==》就不会重排版==》直接重绘

            简介:  就是dom元素宽高大小改变了(几何属性),然后就会影响到页面的部分布局,就得重新排版,排完版再重绘

                         反正只要有改变就要重绘,只有元素的几何属性改变的时候才会触发重排版

 

 

发生重排版的情况:添加删除可见的dom元素、元素为位置、元素的宽高大小边距、内容改变、浏览器窗口

                                改变整个排版:使用了这些属性会导致,offsetTop.offsetLeft,offsetWidth,offsetHeight,scrollTop.scrollLeft,scrollWidth,

                                      scrollHeight,clientTop,clientLeft,clientWidth,clientHeight,getComputedStyle()

 

                        

                           1.从文档流中摘除该元素
                           2.对其应用多重改变====>在这里尽量多的操作
                          3.将元素带回文档中

重排版与重绘

标签:几何   ===   可见   .com   删除   setw   源码   导致   The   

原文地址:https://www.cnblogs.com/lmxxlm-123/p/9048002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!