前端发展史一直是大叔想写的，苦于话题多且杂，实在无从下手，也就一拖再拖。
前端技术从诞生至今有二十多年，说长不长说短不短。种种机缘巧合，大叔恰巧经历了前端技术变迁的全部历程，多少曾经的快乐痛苦兴奋迷茫都湮为回忆。
事如春梦了无痕，往事如烟，又恍若昨日。
倘若用一个词来形容前端技术变革，那便是无常，成住坏空遍计其踪。
而又有多少今日的事实，会成为明日的无常？技术也罢，生活也罢，大多如此。
不敢以史相称，暂且唤作记事。星罗一些可提的旧事，间杂前瞻，希望对大家有所帮助。
-1- 缘起 （1994）
齐秦的《往事随风》收录于他的专辑《痛并快乐着》，发行于1995年9月1日。
这是一首曾被无数人翻唱过的老歌，承载着一两代人满满的回忆，有痛也有快乐。
“就让往事随风 都随风 都随风 心随你动，昨天花谢花开 不是梦 不是梦 不是梦”
大叔打开蓝牙音响，特意选了这首歌，让思绪随风，飘向那如梦般的青葱岁月。
放牛娃也有春天，大叔也曾年轻过。
1994年冬季，正是大四下半学期，学校里的课程基本结束，唯有毕业设计与论文需要准备。
忽然有一天，辅导毕业设计的老师说：“最近新出现了一种叫做超文本标记语言（HTML）的技术，你们可以了解了解。”
大叔最初曾误以为这是一种新的多媒体描述文档，这也不全怪我，因为那时候还没有互联网，更不要说网吧什么的。大叔的大学生活除了学习以外，很难跟如今的大学生比，可以说是单纯得很不完美。
这是我第一次听闻HTML这个词。就好比第一次喝啤酒一样，并没有被打动多少。
HTML文档需要使用网景公司开发的一款叫作Netscape Navigator的软件打开，Code Name叫Mozilla。
什么？？？这么巧，也叫Mozilla? 不是巧，这正是前端工程师太熟悉不过的Mozilla的由来。
Netscape Navigator其实就是一款浏览器，曾经称霸一时，无人可敌。只是由于种种原因，在后来的浏览器大战中失去阵脚，逐渐被淘汰，被收购，被开源，被遗忘。开源后由Mozilla Foundation维护，几经挫折又灵魂附体，以Firefox重生，成为一只不死的火狐。
-2- 互联网的春天 （1995-1996）
1995年开学季，大叔开始了研一的学习生活，还在西安交大，还是计算机专业，并追随归国不久的博导侯义斌教授。
那时候已经有了手机，是一种称为大哥大的砖头大小的通话设备，可防身更可彰显身份。
多数人则使用BB机，有汉显和数显之分。如果你看到谁把BB机拴在皮带最显眼的位置，不用说，那一定是汉显。
这一年发生了很多事情，中国互联网正式接入国际互联网，国内第一家互联网服务供应商瀛海威成立，国内第一个BBS水木清华开通，HTML 2.0发布，Window95发售，Sun公司将Oak语言改名为Java, 网景公司把一种能够嵌入Navigator的脚本语言LiveScript改名为JavaScript。
人们对世界的好奇，对互通互联的渴望，再没有比那个时代来的强烈，一切都方兴未艾，充满生机。
更不可预料的是，这个可以窥探世界的窗口，有一天会被筑起高墙，以避免人们过于好奇墙外的世界。
互通互联会开启智慧，对某些人来说，我猜想这一定是一件很可怕的事情。
96年春季，导师访问荷兰回国，把几个弟子叫到一起聊到：“这次荷兰之行，看到HTML技术在互联网上的应用，这个技术一定会改变我们的世界。”
导师的这句话对我触动很大，直到现在还记忆犹新。而触动的原因其实是疑惑，我不明白这种字符型文档，会如何改变整个世界？
现在看来，导师毕竟是导师，见得多，看得远。当年荷兰埃因霍芬大学就是因为导师留学期间成绩过于出众，遂决定只要是西安交大推荐的留学生，一律免试。能跟随侯老师学习，是幸运的。
这就好比平地里无故冒出一颗竹笋，有的人看到了一片竹林，而有人则看到一盘腌笃鲜。
那个看到腌笃鲜的人就是平时超爱做饭的大叔我了。
-3- 混沌与荒蛮 （1996-1998）
1996年，网景公司发布Netscape 3.0，宣称支持JavaScript 1.1。
同年8月，微软推出Windows 95 OSR2，以捆绑销售的方式推出IE3.0，首次支持自己的脚本语言JScript。
明眼人很容易就看出来，两家公司同时推出类似的产品，这是要打起来的节奏。而实际上发生的却是一场激烈的浏览器争夺战，并引发了著名的针对微软的反托拉斯诉讼案。
“微软以大欺小，玩不过了就上手段，这TMD不是耍流氓吗？” 年轻时的我曾经满怀正义感的这么想过。
随着年龄增长，各种无耻耍赖见多了，这点事儿还真不是事儿。一个公司用钱把对方玩死，已经算仁义。倘若遇到权势，连玩的机会都不一定给你，这才叫流氓。
混沌与荒蛮是那个时期前端发展的特点。
混沌源于没有标准，JavaScript和JScript按照各自的设计实现，浏览器互不相认，需要写两套代码来保持兼容。
这就迫使欧洲计算机制造商协会（ECMA）以JavaScript1.1为蓝本，制定独立于厂商的，灵活的脚本语言标准。大名鼎鼎的ECMA-262由此而来，版本1诞生于1997年。
1998年，Windows98发售，捆绑了IE4，并且首次把IE嵌入操作系统桌面。同年，张朝阳创立了搜狐，马化腾创立了腾讯，王志东创立了新浪。
这一年，大叔硕士毕业步入社会，除了年轻和对技术的执着，一无所有。
-4- 缓慢发展 (1998-2006)
在较长的一段时间里，前端技术进展缓慢，与之不协调的是，人们对Web应用的需求却与日俱增。
很多桌面系统纷纷转向BS结构，新系统如果不是BS结构的，你都不好意思给人说。
DHTML成了热词，与此同时，ASP, PHP, JSP, ASP.NET, ROR, Django等Web框架相继出现，各领风骚若干年。
大叔给这个阶段总结出这么几个特点：
1）前后端不分离
前后端相互牵连，貌离神合，感觉上更像是具有Web UI的桌面系统。
2）前端发展缓慢
技术重点放在了如何完善BS体系上，而忽视了前端的发展。
唯一值得一提的也许就是AJAX的出现。
AJAX最初被用来实现局部刷新UI，其实还是为了模拟桌面系统。后来证明这个方向是错误的，也就不再提。
3）浏览器差异大
这一阶段浏览器几乎是IE、Firefox和Opera的天下，差异大，给开发人员带来很多不便。
4）艰难中没有放弃对美的追求
在如此艰难的条件下，并没有阻止人们对美的追求。
没有渐变效果，用图片铺展。没有圆角，用图片拼凑。没有阴影，用图片模拟。更有甚者，后端来动态生成图片。实在是苦中作乐。
-5- 工具与框架出现 （2006-2012）
人类进步离不开工具的发明与使用，前端亦是如此。
2006年，惊天一声雷，经历了长久的沉闷，jQuery诞生了。
你是电 你是光 你是唯一的神话 我只爱你
jQuery的诞生，给前端带来一股无以言表的清流。它小巧、简洁，链式语法写起来很自然，具有丰富灵活的选择器。
而在大叔心里，所有这些都无法与之另一项特点相提并论，那就是jQuery对浏览器差异做了处理。
就好比有一双充满爱的手，把大叔的累累伤痕抚平，直到现在，大叔依旧爱jQuery。
常有人问，随着脚本语言发展和浏览器趋于标准，jQuery会消失么？
大叔的回答是：“会的，总有一天会退出舞台，可不是现在。”
jQuery不应被过早的抛弃, 否则是不理智的。多数前端框架都有一个显著特征--排它性，一种框架写的组件，无法用在另一种框架中。jQuery却具有开放的、兼容并包的思想精神。
黑格尔有句名言：“不要在倒洗澡水的时候把孩子也一起倒掉”。我们选框架，不一定要完全抛弃jQuery。
其实，jQuery的思想已经慢慢渗透到了新的ECMA语言标准中去了，我们需要再给它一些时间，直到它彻底完成历史使命。
同一时期，前端还涌现出一大批基础类库和框架，大体可分为两类：
1）面向对象类型
基于原型链技术演化出的面向对象的环境与工具集合。例如：Prototype, Mootools，DojoJS, ExtJS。
2）Model-View类型
Model-View概念开始在前端出现（MVC/MVVM），数据绑定、模板、路由、重用、依赖注入等概念也被相继引入。例如：AngularJS, Knockout, Backbone, EmberJS。有些库已经成为企业级框架，被大型前端应用采用。
-6- 工程化与大变革 （2012-2017）
如果说蒸汽机的出现导致了18世纪英国工业化进程，那么NodeJS则拉开了前端工程化与大变革的序幕。
谁也未曾想到，这款最初只是为了实现轻量级Web服务的JavaScript虚拟机，从它脱胎于Chrome V8引擎那一刻起，就彰显出超群的表现，在性能上远远甩开Ruby和Python。
只用一种语言就能够统领世界，这不仅是假想，也成为可能。巴别塔的雄心再一次被燃起。
2012年，包与工程管理器NPM被开发，以JavaScript语言为基础的代码库开始迅速壮大。
一批在其它技术领域成熟的项目管理理念(Ant, Maven等)开始在前端项目上实现。
先是任务队列运行工具Grunt、而后是Gulp。围绕这些工具产生出几千个插件，用于前端项目的构建。编译和打包的概念应运而生，前端开发越来越像后端的模式。
2015年ES6发布，脚本规范静默多年，终于放出了大招。脚本语言在书写上更像面向对象语言，一批语法糖出现。
AngularJS被彻底重写，改称Angular，与前端框架的黑马ReactJS, VueJS形成新的三驾马车，开启了组件化的潮流。
前端的大变革时代到来了，这是一个眼花缭乱的时代，是一个追逐时髦的时代，是一个最容易迷失自我的时代。
-7- 展望
说展望不如说猜测，也不一定准确，重点还是要做好当下。
大叔猜测的前端趋势大体是：
1）ECMAScript标准按承诺一年一更新，但近期不会有太大的变化。
2）脚本语言下一个大地震将是强类型化。
3）语言会支持图形功能。
4）DOM引擎支持模板。
5）浏览器性能提升，更充分利用多核，Firefox重振雄风。
6）VueJS备受欢迎（酒香不怕巷子深，目前只是亏在鼓吹能力而已）。
7）你当前写的代码，用不了几年就需要重写。
8）下一个框架是.....我们要不要一起写一个?
-8- 结语
三十功名尘与土，八千里路云和月。莫等闲，白了少年头，空悲切。
等到一切都看透，也白了头，也空悲切。
前面说过，前端技术变化的最大特点就是无常与空。
无常并不代表不学新技术，而是要在变化中能看到本体，不被变化牵绊。
空也不代表什么都不用做，前端工程师不仅要把工作做好，还要用匠人精神去做。
前端技术变迁是一个苦旅，需秉持过往不恋，未来不迎，当下不负的态度，把工作当做修行，在磨难中前进。
在快节奏的时代，我们更需要静下心来，去除浮躁，用接近真实的方式实现前端。
这里借用五代时期僧人契此的一首禅诗送给大家：
手把秧苗插满田，低头便见水中天。
心地清净方为道，退步原来是向前。
午夜已过，今天是大叔生日，打一听啤酒，自己庆祝一下。
-2018. 2. 22 蘭山-
网友评论