前端简史 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