1. MVC 开发模式
- M：model， 模型层，提供 / 保存数据；
- C：controller，控制层，数据处理，实现业务逻辑；
- V: view，视图层，展示数据，提供用户界面；
2. Ajax 技术
促使前端独立获取数据，实现 MVC、MVVM 的重要技术。
3. 前端 MVC 框架
以前 MVC 这个开发模式经常在后端被提及，前端作为页面展示，后端工程师写写模板就能满足业务需求，处于 V 层。而现在，前端代码也需要保存数据，处理数据，生成视图。
4. Backbone.js
Backbone 只有 M 和 V，没有 C。
前端的 Controller 和后端不同，不需要处理业务逻辑，只需要处理 UI 逻辑。
5. Router
前端领域天然的一种方法，用来切换视图。
6. MVVM 模式
Model View View-Model。
用 View-Model 代替 Controller ，可以把 View-Model 当作是简化版的 Controller，唯一的作用就是为 View 提供处理好的数据，不含其他逻辑。
其本质是，View 绑定 View-Model，视图与数据模型强耦合。数据的变化实时反映在 view 上，不需要手动处理。
Angular（一般被视为 MVC，现在越来越接近于 MVVM 模式）、Vue（响应式编程）、React
7. SPA
网页其实是一个应用程序，SPA=Single-page Application
2010 年，前端工程师从开发页面，变成了开发前端应用程序。（跑在浏览器里面的应用程序）。
8. 前后端分离
- Ajax -> 前端应用兴起
- 智能手机 -> 多终端支持
9. REST 接口
前后端分离以后，它们之间通过接口通信。后端暴露出接口，前端消费后端提供的数据。后端接口一般是 REST 形式，前后端的通信协议一般是 HTTP。
10. Node
2009 年，Node 项目诞生，服务器上的 JavaScript 运行环境。
Node = JavaScript + 操作系统 API
Node 的意义：
- JavaScript 成为服务器脚本语言，和 Python、Ruby 一样。
- JavaScript 成为唯一的浏览器和服务端都支持的语言。
- 前端工程师可以编写后端程序。
11. 前端开发模式的根本改变：
- Node 环境下的开发
- 大量使用武器端工具
- 引入持续集成等软件工程的标准流程
- 开发完成后，编译成浏览器可以运行的脚本，放上 CDN