回流和重绘

一、HTML怎么加载
        在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML
标签,包括display:none隐藏,还有用JS动态添加的元素等。
浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体。
        DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree,但区别很
大,因为render tree能识别样式,render tree中每个NODE都有自己的style,而且render tree不
包含隐藏的节点(比如display:none的节点,还有head节点),因为这些节点不会用于呈现,而且
不会影响呈现的,所以就不会包含到 render tree中。简单说就是DOM Tree和我们写的CSS结合
在一起之后,渲染出了render tree。
二、回流
        回流(reflow):当render tree中的元素的宽高、布局、显示、隐藏或元素内部文字结结构
发生改变时,会

回流和重绘最先出现在Python成神之路

版权声明:
作者:cc
链接:https://www.techfm.club/p/26929.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>