现代前端技术解析(二)
浏览器组成结构
前端最直观的看来是我们点击浏览器的某些地方,浏览器就会给我们进行反应,那这个过程具体是什么样的呢?
1.浏览器的组成
浏览器主要由7部分组成:
(1)用户界面
(2)网络
(3)JavaScript引擎
(4)渲染引擎
(5)UI后端
(6)JavaScript解释器
(7)客户端存储
作为前端开发者,我们主要操作的部分是渲染引擎部分,它的基本原理是我们需要掌握的,其他的大部分是由浏览器自己决定,我们一般不会去控制。
2.浏览器渲染引擎
浏览器通过网络模块下载HTML文件后进行页面解析渲染,流程主要包括以下几个步骤:
(1)解析HTML并构建DOM树
(2)构建渲染树
(3) 渲染树布局阶段
(4)绘制渲染树