学前端？先了解前端发展史

一、前端应用的发展

1、从静态走向动态

1994年可以看做前端历史的起点，这一年10月13日网景推出了第一版Navigator；这一年，Tim Berners-Lee创建了W3C；这一年，Tim的基友发布了CSS。还是这一年，为动态web网页设计的服务端脚本PHP以及笔者本人诞生。

2、从后端走向前端

早期的网页开发是由后端主导的，前端能做的也就是操作一下DOM。2006年 John Resig发布了jQuery，jQuery主要用于操作DOM，其优雅的语法、符合直觉的事件驱动型的编程思维使其极易上手，因此很快风靡全球，大量基于jQuery的插件构成了一个庞大的生态系统，更加稳固了jQuery作为JS库一哥的地位。

3、从前端走向全端

2009年Ryan Dahl发布了node，node是一个基于V8引擎的服务端JavaScript运行环境，类似于一个虚拟机，也就是说js在服务端语言中有了一席之地。如果说ajax是前端的第一次飞跃，那么node可算作前端的第二次飞跃。它意味着JavaScript走出了浏览器的藩篱，迈出了全端化的第一步。

二、前端技术的发展

1、HTML

web端的历史绕不开html+css+js三大基础技术的支撑，这也是前端技术的本源，如堆砌万丈高塔的一块块砖石，支撑了整个前端技术的演进，也是他们为纷繁复杂的前端框架生态，丰富多彩的前端特效，提供了各种可能。

2、DHTML

以web2.0为开端，涉及到前后端交互式应用逐渐成为那个时代的宠儿，应用伴随着数据交互，让我们加速进入了互联网的信息化高速公路，也使以asp，jsp技术为代表的交互式应用步履更加坚实，交互式应用让前端不仅仅单纯的承担信息和数据流的展示，同时，前端开始涉及有更多的业务逻辑，使得前端工程化的雏形得以在此孕育。静态页面与数据的第一次邂逅，开启了web2.0时代。

3、JSFramework

以ExtJS，JQueryUI，Flex为代表的富客户端，不仅带来更酷炫的前端展示，前端数据模型的建立，web前端逐渐从应用中开始剥离，前端开发生产力再一次得到解放，数据流为导向的应用也开始慢慢在前后端形成规范，并流行起来，量变引起的质变，“组建化”，“规范化”恰是这个时代前端的特征。

4、JSModule

“前端工程化”逐渐成为前端最强的一股风潮，将前端推到浪潮之巅，“h5应用”，“小程序”一波一波来袭，让前端在nodejs构建下，走向了工程化。新一代标准和规范下，让原来发散的前端技术，类库逐步以生态链为核心收敛，前端的技术壁垒也慢慢开始建立，React，Angular，Vue三足鼎立的黄金时代由此拉开大幕。

5、Front-End Micor Service

前端工程化，标准化，让前端项目如雨后春笋一般迅速在应用中生根发芽，产品团队也投入更多经历在用户体验上，前端作为面向客户体验的最前沿阵地，得到越来越多的用户，产品经理，项目经理的重视。在此阶段，微服务化开始引领了互联网科技新潮流，微前端框架single-spa、qiankun、mooa等技术推出，也在让前端在微服务潮流中乘风破浪。