1. 宏观发展

1）浏览器降生

2）浏览器涿鹿中原

1.1993年Mosaic浏览器的发布标志着图形界面Web浏览器的诞生。它是由伊利诺伊大学厄巴纳-香槟分校的国家超级计算应用中心（NCSA）开发的。

2.1994年Mosaic的一些原开发者创立了Netscape公司，并推出了Netscape Navigator，它迅速成为最受欢迎的浏览器。

3.1995年微软推出了Internet Explorer（IE），并将其与Windows操作系统捆绑销售，这一策略极大地推动了IE的市场份额。

4.1995-2001年这段时间，Netscape Navigator和Internet Explorer之间的竞争非常激烈。最终，IE凭借与Windows的捆绑优势赢得了这场战争。

5.2003年苹果公司推出了自家的浏览器Safari。

6.2004年Mozilla Foundation发布了Firefox浏览器。它是从Netscape的源代码发展而来的，因其开源性质、安全性和扩展性受到用户喜爱。

7.2008年谷歌发布了Chrome浏览器，以其速度、简洁和创新的多进程架构迅速获得了市场份额。

8.2004-2010年随着Firefox和Chrome的崛起，浏览器市场再次进入竞争激烈的阶段。IE的市场份额开始下滑，Chrome和Firefox成为主要的竞争对手。

9.2014年HTML5标准最终确定，推动了Web技术的进一步发展，各大浏览器厂商都开始支持这一标准。

3）小结一下

2. 微观发展

1）单进程架构

顾名思义，单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里，这些模块包含了网络、插件、JavaScript 运行环境、渲染引擎和页面等。其实早在 2007 年之前，市面上浏览器都是单进程的。单进程浏览器的架构如下图所示：

（1）不稳定

（2）不流畅

从上面的“单进程浏览器架构示意图”可以看出，所有页面的渲染模块、JavaScript 执行环境以及插件都是运行在同一个线程中的，这就意味着同一时刻只能有一个模块可以执行。

function test() {    while(true) {        console.log('test')    }}

如果让这个脚本运行在一个单进程浏览器的页面里,它会独占整个线程,导致其他运行在该线程中的模块就没有机会被执行。因为浏览器中所有的页面都运行在该线程中，所以这些页面都没有机会去执行任务，这样就会导致整个浏览器失去响应，变卡顿。

（3）不安全

2）多进程架构

（1）2008 年 Chrome 发布时的进程架构

（2）现在的多进程架构

1. 浏览器进程。主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。

2. 渲染进程。核心任务是将 HTML、CSS 和 JavaScript 转换为用户可以与之交互的网页，排版引擎 Blink 和 JavaScript 引擎 V8 都是运行在该进程中，默认情况下，Chrome 会为每个 Tab 标签创建一个渲染进程。出于安全考虑，渲染进程都是运行在沙箱模式下。

3. GPU 进程。其实，Chrome 刚开始发布的时候是没有 GPU 进程的。而 GPU 的使用初衷是为了实现 3D CSS 的效果，只是随后网页、Chrome 的 UI 界面都选择采用 GPU 来绘制，这使得 GPU 成为浏览器普遍的需求。最后，Chrome 在其多进程架构上也引入了 GPU 进程。

4. 网络进程。主要负责页面的网络资源加载，之前是作为一个模块运行在浏览器进程里面的，直至最近才独立出来，成为一个单独的进程。

5. 插件进程。主要是负责插件的运行，因插件易崩溃，所以需要通过插件进程来隔离，以保证插件进程崩溃不会对浏览器和页面造成影响。

1. 浏览器界面介绍

1）用户界面主要是浏览器除了网页显示范围以外的部分，包括地址栏、书签、前进、后退按钮、历史记录等用户可操作的部分

2）浏览器引擎是用于在用户界面和渲染引擎之间传送指令或者在客户端本地缓存中读写数据，它是各个部分之间相互通信的核心

3）渲染引擎主要是负责解析DOM和CSS规则，浏览器内核主要指的就是渲染引擎和JavaScript引擎

4）网络模块是负责发送网络请求和下载网络资源

5）JavaScript引擎用于解释和执行JavaScript代码，如V8

6）UI后端用于绘制基本的浏览器控件

2. 目前浏览器的使用的渲染引擎和解释器总结

3. 浏览器的解释器

1）Rhino，由Mozilla基金会管理，开放源代码，完全以Java编写。

2）SpiderMonkey，第一款JavaScript引擎，早期用于Netscape Navigator，现时用于Mozilla Firefox。

3）JavaSV8，开放源代码，由Google丹麦开发，是Google Chrome的一部分。

4）criptCore，开放源代码，用于Safari。

5）Chakra (JScript引擎)，用于Internet Explorer11。

6）Chakra (JavaScript引擎)，用于Microsoft Edge。

7）KJS，KDE的ECMAScript／JavaScript引擎，最初由哈里·波顿开发，用于KDE项目的Konqueror网页浏览器中。

1. 全球市场占有率

2. 中国市场占有率排名

整体总结一下

理解，首先 MCube 会依据模板缓存状态判断是否需要网络获取最新模板，当获取到模板后进行模板加载，加载阶段会将产物转换为视图树的结构，转换完成后将通过表达式引擎解析表达式并取得正确的值，通过事件解析引擎解析用户自定义事件并完成事件的绑定，完成解析赋值以及事件绑定后进行视图的渲染，最终将