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