微信号:productinlove

介绍:Build product with love

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

2017-03-11 00:22 Kevin

一次痛点之旅


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


1989 - HTML 诞生


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



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





世界上第一个 HTML 文件,跑在乔布斯 NeXT 上



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




1995 - JavaScript 诞生


1995 年,一个 Netscape 青年创造了世界上第一个可以使用 JavaScript 的浏览器 Netscape Navigator



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



痛点也是有的。


于是 JavaScript 诞生了。


交互前



交互后


1996 - CSS 诞生



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

加入了 CSS 的 HTML 代码


加入了 CSS 的 HTML 的浏览效果



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 的历史。




 
Product 更多文章 安藤忠雄都市彷徨 - 产品设计美学的跨界书单 杜尚访谈录 - 产品设计美学的跨界书单 「日本的八个审美意识」产品设计美学的跨界书单 PRODUCTER 12.10 新书分享会 PRODUCTER 12.10 新书分享会
猜您喜欢 IBM大数据解决方案让全球最大气候数据档案尽在掌控 Golang的并发处理 RESTful 架构风格概述 2016微信数据报告发布 小李!小李!小李!小李!小李!奥斯卡五连呼!