web前端的发展史

1、静态页面阶段
主要以HTML为主，纯静态的只读页面。
2、Javascript诞生及第一次浏览器战争
1995年，NetScape公司的工程师Brendan Eich设计了javascript脚本语言。成功实现了javascript的标准国际化。虽然第一次浏览器战争最后IE大胜Navigator，但是NetScape的javascript主导了W3C的官方标准。
3、动态页面的发展
Javascript的诞生让网页动了起来，但是网页真正开始向动态交互发展的开端，却是PHP、JSP和ASP为代表的后端动态页面技术的出现。服务器端网页动态交互功能的不断丰富，伴随的是后端逻辑的复杂度快速上升，代码越来越复杂。为了更好的管理后端逻辑，出现了大量后端的MVC框架。
4、Ajax的流行开启Web2.0时代
Ajax技术中实现的异步HTTP请求，这让页面无需刷新就可以发起HTTP请求，用户也不用专门等待请求的响应，而是可以继续网页的浏览或操作。Ajax开启了web2.0的时代
5、前端兼容性框架的出现
不同的浏览器技术标准有不小的差异，不利于兼容开发，这催生了Dojo、Mooltools、YUIExtJS、jQuery等前端兼容框架，其中jQuery应用最为广泛。
6、HTML5出现及第二次浏览器战争
W3C在2007年接纳了HTML5草案规范，并成立了新的HTML工作团队，在2008年1月22日，HTML5正式草案发布。在HTML5新规范的指引下，各个浏览器厂商都为了支持HTML5而不断改进浏览器，第二次浏览器战争走向了良性竞争。值得注意的是，谷歌以javascript引擎V8为基础研发的Chrome浏览器发展迅猛。2014年10月28日，W3C正式发布HTML5.0推荐标准。
7、Node.js爆发
Node.js使得前端开发人员可以利用javascript开发服务器端程序，深受前端开发人员的欢迎。很快，大量的Node.js使用者就建构了一个用NPM包管理工具管理的Node.js生态系统。Node.js也催生了node.webkit等项目，拓展了javascript开发跨平台的桌面软件的能力。
8、前端MV架构及SPA时代的开启
随着各大浏览器纷纷开始支持HTML5，前端能够实现的交互功能越多，相应的代码复杂度也快速提高，以前用于后端的MV框架也开始出现在前端部分。从2010年10月出现的Backbone开始，Knockout、Anjular、Ember、Meteor、Vue相继出现。
这些框架的运用，使得网站从Web Site进化成了Web App，开启了网站应用的SPA（Single Page Application）的时代。9、移动Web和Hybrid App
Hybrid技术指的是利用Web开发技术，调用Native相关的API，实现移动与Web二者的有机结合，既能利用Web开发周期短的优势，又能为用户提供Native的体验。Native App的性能和UI体验依然比移动Web App要好，但移动Web开发成本低、跨平台、发布周期短的特点不容忽视，未来可期。
10、ECMAScript6
2015年6月，ECMAScript 6.0发布，该版本增加了很多新的语法，极大的拓展了javascript的开发潜力。由于浏览器ES6语法的支持滞后，出现了Babel和TypeScript来把ES6代码编译成ES5等现有浏览器支持的代码。
ES6现已更名为ES2015，以后每年会发布新的ES标准，这标志着javascript的发展将会更快。
11、今天的前端
今天的前端技术已经形成了一个大的技术系统。
以Github为代表的代码管理仓库；NPM和Yarn为代表的包管理工具；ES6及Babel和TypeScript构成的脚本体系；HTML5；CSS3和相应的处理技术；React、Vue、Anjular为代表的框架；Webpack为代表的打包工具；Node.js为基础的Express和KOA后端框架；Hybrid技术。