现代前端技术解析(二)

浏览器组成结构

前端最直观的看来是我们点击浏览器的某些地方,浏览器就会给我们进行反应,那这个过程具体是什么样的呢?

1.浏览器的组成

浏览器主要由7部分组成:

(1)用户界面

(2)网络

(3)JavaScript引擎

(4)渲染引擎

(5)UI后端

(6)JavaScript解释器

(7)客户端存储 

现代前端技术解析(二)

作为前端开发者,我们主要操作的部分是渲染引擎部分,它的基本原理是我们需要掌握的,其他的大部分是由浏览器自己决定,我们一般不会去控制。

2.浏览器渲染引擎

浏览器通过网络模块下载HTML文件后进行页面解析渲染,流程主要包括以下几个步骤:

(1)解析HTML并构建DOM树

(2)构建渲染树

(3) 渲染树布局阶段

(4)绘制渲染树

现代前端技术解析(二)