Web前端开发的发展史

15 年以来，Web开发从较初的纯 HTML 到 CGI、PHP\JSP\ASP、Ajax、Rails、NodeJS 这个过程简要地进行了介绍。Arunr 计划把这个作为一个大纲，接下来把每一部分详细地写点东西。如果你想了解Web开发的转变轨迹，推荐看看这篇文章。

在接下来的几个月时间里，我打算写一系列关于完整web开发的文章。这篇文章虽然有所粗略，但也能够充分概括了在之5年或者更久的时间里web应用程序如何进行演变。并且较后我会囊括下这段时间内所写的相关技术。

在过去的美好日子里，我们使用的是简单的web页面(包括动态gif图片!)。作为精美设计的典范，苹果有着这样的一个网站：

在那时，Web开发还比较简单，开发者经常会去操作web服务器(主要还是他自己的机器)，并且他会写一些HTML页面放到服务器指定的文件夹(/www)下。这些HTML页面，就在浏览器请求页面时使用。

问题就出现了，你只能获取到静态内容。倘若你想让访问者看到有多少其他访问者访问了这个网站呢(还记得那些统计流量的旋转图片吗?!)，或者倘若你想让访问者去填写这样一个表单，包含有姓名和邮件地址呢?于此就转向了CGI和Perl脚本，在web服务器端运行一段短小的代码，并能与文件系统或者数据库进行交互。

当时组织CGI/Perl这样的脚本代码太混乱了。CGI伸缩性不是太好(经常是为每个请求分配一个新的进程)，也不太安全(直接使用文件系统或者环境变量)，同时也没提供一种结构化的方式去构造动态应用程序。

几年来一直很困惑，直到大约2005年左右，出现了Java Server Pages(JSP)，微软的ASP，以及PHP!我喜欢把当时的参考架构比作成IIS和ASP.NET，你可以用Visual Studio构建一个可伸缩并且安全的应用程序。

直到当时，web服务器多半会返回整个页面或者文档，但AJAX(2005)的出现，让事情变得很有意思。AJAX允许客户端的JavaScript脚本为局部页面提供请求服务，然后可以在无需回到服务器情况下动态刷新部分页面，也就是更新浏览器中的document对象，通常称作DOM，或者文档对象模型。

虽然从服务器端返回的仍然是HTML，但浏览器上的代码能把这HTML片段内嵌到当前页面中。也就是说web应用的响应可以更快，这时我们真正用web应用取代了web页面。谷歌的GMail和谷歌地图都是当时AJAX的杀手级产品。随后用AJAX局部刷新就如雨后春笋般出现。

在随后的几年时间里，AJAX成为了焦点，但在服务器端仍然使用着旧有的技术。大概在2007年，37signals公司公开其成员–Ruby on Rails。那个基于Ruby on Rails 5分钟构建博客的演示完全征服了全世界的开发者。

一夜之间，所以谈论的焦点都是关于Rails!Rails的不同之处在于使用规定的方式去设计你的web应用程序，运用一种已经广泛在桌面应用开发，但未被搬到web应用上的开发模式。这种模式就叫做模式(数据)-视图(模板)-控制器(业务逻辑)。Rails强调，“这事就该这么做”，并且通过许多插件让构建web应用再一次更加健全。