前端简史 1 - 戏说前端技术演化历程

一次痛点之旅

学习技术之前,应当先了解这个技术诞生的历史原因和其想要解决的问题,这样才能理解他为什么这样设计,没有技术能解决一切问题,每一个技术的创造者,都有一个不得不解决的痛点。
1989 - HTML 诞生

欧洲核物理实验室搞物理研究的蒂姆·伯纳斯-李(现在是万维网国际基金会的主席)觉得和同事们分享文档太麻烦了,他琢磨着老是拿着磁盘拷贝来拷贝区的太笨了,咱们应该搞一个可以在网络上直接传输文本的。

HTTP 的提议
于是他提出了 HTML 这个东西,并且写了个浏览器。


世界上第一个 HTML 文件,跑在乔布斯 NeXT 上,NeXT 也是 1989 年才真正开始量产的,在那个时候电脑基本没有联网能力,NeXT 是第一台具备联网能力的电脑,所以你可以认为乔布斯碰巧也促成了互联网的诞生。

1995 - JavaScript 诞生

历史的车轮继续前进,人们也曾经错误的使用了 Java 家的 Applet 来做浏览器的内容交互。但是在 1995 年,一个 Netscape 青年创造了世界上第一个可以使用 JavaScript 的浏览器 Netscape Navigator


布兰登·艾奇,JavaScript 的主要创造者,这哥们现在是 Firefox 背后的 Mozilla 基金会的主席。

交互前

交互后

1996 - CSS 诞生


维姆莱,现在是 Opera 的 CTO,当时是跟着 W3C 的老大混的。

痛点


加入 CSS 和 HTML 代码

加入 CSS 后的效果

2005 - Ruby on Rails 诞生,掀起敏捷时代



痛点

2005 年,写够了 PHP 的 DHH 开发了后端开发框架,Ruby on Rails ,RoR 引入了由 Sam Stephenson 开发的 Prototype JavaScript Framework.

过去用纯 JS 的写法

新的写法

2006 - jQuery 诞生

痛点

2008 - 前端 MVC 诞生




终于后端可以安安静静地只做一个 API 服务器。

2010 - 前端技术大爆炸


在诸多痛点的驱动下,2010 年发生了前端技术的大爆炸

Backbone.js 可以自由构建设计模式的框架
Angular.js MVVM 框架
ember.js MVVM 框架
Grunt 自动化
node.js 后端开发
gulp 自动化
require.js 依赖解决
common.js 依赖解决

2013 - React.js 诞生


为了解决超大 Web 程序的页面架构,交互逻辑,数据状态等问题,React.js 诞生了,React 是一整套的程序设计模式的统称,在下一篇中,我们将详解 Vue.js 和 webpack 的历史。

2017/03/11