1.1 Web开发简史

在正式学习Vue.js之前，我们先来对Web开发的全貌做简单介绍，使读者能够拥有宏观的认知。从历史的角度看，Web开发技术大致经过了4个阶段。

1. 早期阶段

1995年以前，可以称为互联网的早期阶段，早期的Web开发可以认为仅仅是“内容开发”。此时，HTML语言已经产生，但页面内容是手动编写的。后来逐渐开始发展出动态生成内容的机制，称为CGI（common gateway interface，通用网关接口）程序，CGI程序能够在服务器上配合数据库等机制，动态产生HTML页面，然后返回到客户端。这个阶段的特点是，开发复杂，功能简单，没有前端与后端的划分。

2. 服务器端模板时代

1995—2005年期间的服务器端模板时代，以ASP/JSP/PHP等技术为代表，特征正如它们名字中的第三个字母P所代表的含义一样——Page。Web开发的主要特征是针对每个页面进行开发，前端非常简单，业务逻辑代码直接嵌入HTML中，没有明确的前后端之分，所有工作都由程序开发人员完成，数据、逻辑和用户界面紧密耦合在一起。

在这个阶段，产生了一些相对简单的前端工作，例如设计师在把页面设计图交给开发工程师后，需要做一些简单的切图和图像处理工作，但还谈不上“开发”工作。

3. 服务器端MVC时代

2006—2015年期间的“服务器端MVC时代”，代表性的技术包括Java SSH、ASP.NET MVC、Ruby on Rails等各种框架。

到了后端MVC时代，出现了各种基于MVC（model-view-controler，模型-视图-控制器）模式的后端框架，每种语言都会出现一种或多种MVC框架。这时正式产生了“前端开发”这个概念，前端开发的主流技术特征是以CSS+DIV进行页面布局以及一定的交互性功能的开发。后端开发的技术特征是逻辑、模型、视图的分离。在这个阶段，前后端都产生了巨大的变化。例如前端的CSS、jQuery，后端的Java SSH以及连接前后端的AJAX等技术都获得了爆发式增长。

这个阶段的特点是，业务逻辑分层，开始从服务器端向浏览器端转移，“前端”层越来越厚。在这一阶段，前后端仍然结合比较紧密，这与后面的“前后端分离”的开发方式有着明显的区别。

4. 前后端分离时代

从2012年开始，前后端分离开始出现，2014和2015年是JavaScript技术大爆发的两年，此后Web开发全面进入前后端分离时代。Vue.js最初也诞生于2014年。近年来，与前端开发相关的技术发展时间线大致如图1.1所示。

从2016年左右开始，前后端分离的开发模式逐渐成为主流。从“服务器端MVC时代”到“前后端分离时代”，是一次巨大的变革。具体来说，在实际的项目开发中，前端开发的工作占比越来越大。前端的变革，主要表现为jQuery被Vue.js、React等新的前端框架代替，而后端的变革，则以“API化”为特征，后端聚焦于业务逻辑本身，不再或较少关心UI（用户界面）表现，关心的内容变为如何通过API提供数据服务、提高性能、实现自动化的测试、持续部署、开发自运维（DevOps）等。