浏览器渲染的过程主要包括以下五步:
浏览器将获取的HTML文档解析成DOM树。
处理CSS标记,构成层叠样式表模型CSSOM(CSS Object Model)。
将DOM和CSSOM合并为渲染树(rendering tree)将会被创建,代表一系列将被渲染的对象。
渲染树的每个元素包含的内容都是计算过的,它被称之为布局layout。浏览器使用一种流式处理的方法,只需要一次绘制操作就可以布局所有的元素。
将渲染树的各个节点绘制到屏幕上,这一步被称为绘制painting。
作者:oWSQo
链接:https://www.jianshu.com/p/e6252dc9be32
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。