一) 茹毛饮血阶段

技术选型关键字

jsp、asp、php

特征

用户能直接看到想看到的数据

简介

在那个时候,前端更多的被称为”美工“,只是一个用来写模板页面的边缘化程序员。后端反而更像前端。他们在jsp、asp、php页面中,利用标签语句、模板语句等等写某个样式的模板代码,然后用循环/聚合/分类等方式将数据输出到页面上。服务端直接将页面返回到浏览器,用户所见即所得。
在那个时代,Javascript只是做小动画的工具语言,CSS还得考虑IE678,也没有那么多语义化的标签给你选择,当然,也更不可能有React、Angular、Vue这些优秀的框架供人使用,会用jQuery的人是最优秀的人才。
在那个时代,表格布局是最完美的布局方式,浮动布局是很潮流的布局方式,能说出一二三种清除浮动的方法的人就是真正的大牛。

二) 合久必分时代

技术选型关键字

Ajax

特征

用户访问一个页面,最先看到的不是所有数据,而是页面骨架

简介

前端和后端分离开来。
用户访问一个页面,最先看到的不是所有数据,而是页面骨架,真正的数据需要等到Ajax请求完成后才渲染。
jQuery的$.ajax方法占据了半边天空。我相信有绝大多数前端程序员并不熟悉原生的Ajax发送方法,但是有jQuery,谁还不是开箱即用呢?
前端MVC思路开始盛行,各类MVC框架百花齐放。Javascript终也摆脱了”小动画语言“的称号,但是还是有不少人分不清楚它和Java的区别。
CSS也开始茁壮成长,大家都会用超过3种方式书写圣杯布局。
人们开始关注首屏加载时间,也开始更多的思考用户体验。
前端开发开始蓬勃发展,大量开发者涌入这个行业,导致开发者技术水平鱼龙混杂,当然,这也导致有更多的人分不清Javascript和Java的区别了。

三) 前端自动化、模块化时代

技术选型关键字

Grunt Gulp AMD CMD

特征

”写个gulp脚本,引几个包,帮我的项目打个包吧“

简介

我并不是很喜欢称呼其为打包时代,我更愿意叫它”自动化时代“。
更多的人宣称jQuery不再是主流,却又有越来越多的网站使用jQuery。
开始萌芽MVVM框架。
SCSS和LESS开始发展。
前端的工作逐渐加重,越来越多的人开始认识到工程化的重要,开始有了模块化的思想。

四) 发展的这么快也不怕扯着蛋时代

技术选型关键字

HTML5 CSS3 ES6 ES7 React Angular Vue Webpack Parcel Babel PostCSS ESLint TypeScript Mocha ……….

特征

”亲爱的少年哟,你是要用React写页面,还是用Vue写页面呢“

简介

五个字就能概括的时代:
前端们疯了

五) 未来

啊,人工智能能写前端了,多好啊!

****

Thanks for Reading

Jiahao.Zhang
NetEase Inc. Hangzhou 
        Front-End Developer