浏览器渲染页面
浏览器渲染页面的一般过程:
1、浏览器解析HTML源码,然后创建DOM树。
2、浏览器解析CSS代码,计算出最终的样式数据,构建CSSOM树。
3、DOM Tree +CSSOM -->渲染树(rendering tree)。
渲染树和DOM树有点像,只是DOM树完全和html标签一一对应,但是渲染树会忽略掉不需要渲染的元素,比如head、display:none的元素等。
4、一旦渲染树创建好了,浏览器就可以根据渲染树直接把页面会知道屏幕上。
以上四个步骤,并不是一次性顺序完成,如果DOM或者CSSOM被修改,以上过程会被重复执行。
未完,待续......