web的发展史

首先我们来简单介绍一下web的3种网站：

1. 静态内容的网站
   HTML技术，主要是文本和图片（包括gif动态图片）。
   特点：简单，只能做信息的展示，无法同用户进行交互。
2. 最早的动态网站
   主要采用CGI/Perl脚本技术，能够实现内容动态，具备了交互性，服务器能够访问文件系统或数据库。
   缺点：伸缩性差（为每个请求分配一个新的进程）、安全性差（直接使用系统环境变量和文件系统）、脚本组织混乱并且缺少一种结构化的构造动态应用程序的方式。
3. 有了参考模型的动态网站
   主要采用PHP、ASP、JSP等技术，在一个比较通用的参考架构下，能够构造出伸缩性良好、安全的Web应用程序。

web的起源和发展

1. 英国科学家蒂姆·伯纳斯-李于1989年发明了万维网。1990年他在瑞士CERN的工作期间编写了第一个网页浏览器。网页浏览器于1991年在CERN以外发行，1991年1月最先向其他研究机构发行，并于1991年8月在互联网上向公众开放，1993年4月，CERN宣布任何人都可以使用Web协议和代码免版税。
   
   这也是世界上第一个网站：http://info.cern.ch
2. 为了降低复杂度，以后端为出发点，有了 Web Server 层的架构升级，比如 Structs、Spring MVC 等，这是后端的 MVC 时代。代码可维护性得到明显好转，MVC 是个非常好的协作模式，从架构层面让开发者懂得什么代码应该写在什么地方。为了让 View 层更简单干脆，还可以选择 Velocity、Freemaker 等模板，使得模板里写不了 Java 代码。看起来是功能变弱了，但正是这种限制使得前后端分工更清晰。
3. 历史滚滚往前，2004 年 Gmail 像风一样的女子来到人间，很快 2005 年 Ajax 正式提出，加上 CDN 开始大量用于静态资源存储，于是出现了 JavaScript 王者归来的 SPA （Single Page Application 单页面应用）时代。这种模式下，前后端的分工非常清晰，前后端的关键协作点是 Ajax 接口。看起来是如此美妙，但回过头来看看的话，这与 JSP 时代区别不大。复杂度从服务端的 JSP 里移到了浏览器的 JavaScript，浏览器端变得很复杂。
4. 为了降低前端开发复杂度，除了 Backbone，还有大量框架涌现，比如 EmberJS、KnockoutJS、AngularJS 等等。这些框架总的原则是先按类型分层，比如 Templates、Controllers、Models，然后再在层内做切分。
5. 前端为主的 MV* 模式解决了很多很多问题，但如上所述，依旧存在不少不足之处。随着 Node.js 的兴起，JavaScript 开始有能力运行在服务端。

[1]https://www.cnblogs.com/lhb25/p/web-development-mode-evolve.html
[2]https://www.cnblogs.com/jason571/p/6259054.html