回流和重绘
一、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成神之路。
共有 0 条评论