浏览器渲染过程

前言

在浏览器输入一个网址之后，经过和后端的连接获取到相关的资源数据后，浏览器需要对获取的网页数据进行解析、渲染、绘制，最终展示出来的就是我们所看到的界面内容。在进行前端开发时，了解浏览器的渲染过程有利于我们在实际过程中进行渲染调优、性能调优的处理，因此是非常有必要的。

浏览器介绍

一、浏览器结构

浏览器的组成结构大致如上，下面是具体的介绍：
1.用户界面
用户界面即浏览器的外壳，是我们平时所看到的浏览器界面，包括了搜索栏、书签、前进后退按钮等。当我们在用户界面进行操作时，它将我们的操作转入到浏览器引擎进行处理。
2.浏览器引擎
浏览器引擎用于接收用户界面传递的“操作命令”，然后调用对应的渲染引擎接口。
3.渲染引擎
渲染引擎是浏览器的重中之重，渲染引擎主要的工作就是把我们获取到的html、css等资源进行解析，然后进行页面的渲染工作。
4.网络模块
负责网络请求，如http请求。它包括平台无关的接口和各平台独立的实现
5.JS解释器
用于解析、编译执行JS代码，具体不同浏览器的JS引擎可以查看下文的表格。
6.UI后台
绘制基础元件，如组合框与窗口。
7.本地数据存储