1、浏览器架构：
浏览器架构演进： 单进程架构，多进程架构，面向服务架构 单进程架构：所有模块运行在同一个进程里，包含网络，插件，JS运行环境等。 多进程架构：主进程、网络进程、渲染进程、GPU进程、插件进程。 面向服务架构：将原来的UI、数据库、文件、设备、网络等，作为一个独立的基础服务。 单进程架构：具备较低的扩展性，较低的安全性，较低的稳定性，以及开启多个页面的时候会明显卡顿。 多进程架构：具备中等的扩展性，较高的安全性较高的稳定性以及流畅的流畅度。 面向服务架构：具备较高的扩展性，较高的安全性，较高的稳定性，以及流畅的流畅度。
2、渲染进程-多线程架构：
内部是多线程实现，主要负责页面渲染，脚本执行、事件处理、网络请求等。 多线程工作流程： 1、网络现成负责加载网页资源； 2、JS引擎解析JS脚本并执行； 3、JS解析引擎空闲时，渲染线程立即工作； 4、用户交互、定时器操作等产生回调函数放入任务队列中； 5、事件线程进行事件循环，将队列里的任务取出交给JS引擎执行。
3、Chrome运行原理：
输入： 输入后首先判断是URL地址还是query查询条件 开始导航： 按下回车键后，UI线程通知网络线程发起网络请求，获取站点内容，请求过程中，tab处于loading状态。 读取响应： 网络线程收到HTTP响应后，先检查响应头的媒体类型，如果是HTML文件，浏览器将内容交给渲染进程处理，拿到其他类型的文件如：Zip,exe等，则交给下载管理器处理。 寻找渲染进程： 网络线程做完所有检查后，会告知主进程数据已经准备完毕，主进程确认后为这个站点寻找一个渲染进程。主进程通过IPC消息告知渲染进程去处理本次导航，渲染进程开始接收数据并告知主进程自己已开始处理，导航结束，进入文档加载阶段。 资源加载： 收到主进程的消息后，开始加载HTML文档。除此之外，还需要加载子资源，比如图片等。 构建渲染树： 构建DOM树，将HTML文本转化成浏览器能够理解的结构，构建CSSOM树，将CSS代码转化为可理解的CSSOM,构建渲染树，渲染DOM树和CSSOM树的结合。 页面布局： 根据渲染树计算每个节点的位置和大小，遍历渲染树，将元素以盒模型的形式写入文档流。 页面绘制： 构建图层：为特定的节点生成专用图层，绘制图层：一个图层分成很多绘制指令，然后将这些指令按顺序组成一个绘制列表交给合成线程，合成线程接收指令生成图块，栅格线程将图块进行栅格化，最后展示在屏幕上。
总结：
通过本节的学习，对浏览器的运行过程有了一定的认识，明白了浏览器的运行原理，对前端在浏览器上的运行有了一定的认识。
