web经过近30年的发展，从web1.0时期进入了摸索阶段的web3.0。在web时代每一次web技术的革新都在极大的影响着人们的生产与生活。
Web早期的静态页面
这个时期正处于web1.0阶段，主要事件伴随有浏览器的诞生、网站的出现以及W3C组织的成立。这个阶段即是“主机-网站-浏览器”BS架构网站的开端，也是前端工程师早期工作的雏形。网站呈现形式为纯静态的只读网页。
Web动态页面的兴起
随着javascript脚本语言的出现与浏览器的标准化发展，纯静态网页的形式，已难以满足网站的实际需求。于是，支持网站动态交互的技术开始出现，比如PHP、JSP和ASP为代表的后端动态页面技术的衍生，这也属于动态页面发展的一个开端，由服务器动态的向浏览器推送不同的页面，再配合javascript脚本设计的一些动态特效，真正的实现了让一个网站动起来。同样，在这个时期，为了更好的管理后端逻辑，于是，后端开始衍生MVC框架，这也是当前后端MVC框架的一个诞生之初。
WebAjax的流行
动态页面虽然在展现效果上得到了很大提升，但用户体验却成了另外的问题，每一次的数据交互都需要刷新一次浏览器，每一次请求必须等待服务端响应完成之后，才能继续操作。为了增强用户体现，于是Ajax技术衍生，实现异步HTTP请求，这让页面无需刷新就可以发起HTTP请求，用户也不用专门等待请求的响应，而是可以继续网页的浏览或操作。
同时，Ajax也正式开启了web进入2.0的发展时期。
WebJavascript的发展
随着ajax的出现，javascript同时得到了更广泛的应用，需求必然推动技术的前行，这个时候，最大的一个问题，是浏览器兼容性的处理。于是，类似jQuery的兼容性框架开始出现，同时，W3C为了统一标准，一套新的标准规范衍生并开始应用，即HTML5与ECMAScript5的规范化应用，再加上chrome浏览器V8引擎的出现，使得web真正开始着力发展。web标准化的岗位，前端工程师由此兴起，真正从早期的切图师变成了web开发的前端工程师。
WebnodeJs的爆发
javascript这门脚本语言相较服务器语言，最大的弊端在于主机的访问，由于客户端安全性方面的限制，同样也导致了javascript这门语言发展的局限性。于是，服务器端的javascript诞生，即nodejs,使得前端开发人员可以利用javascript开发服务器端程序，并深受前端开发人员的喜爱，紧随着，使用NPM包管理的nodeJS生态被建立，一跃成为当前前端工程中不可或缺的模块生态体系。
此外，Node.js也催生了node.webkit，Electron，nw.js等项目，使javascript具备了跨平台开发桌面软件的能力。
WEB前端的MVVM、MVC架构与单页面应用的兴起
随着前端业务量与复杂度的极具提升，类似于后端业务架构的前端MV*框架成为了近些年web前端的主流趋势，基本应用在了各个领域的web产品中，自年出现的Backbone开始，Knockout、Anjular、Ember、Meteor、Vue、React相继出现，特别是VUE、React、Angular，可以称得上当前前端界的三架马车，急速推动着webe前端技术的日新月异。
这些框架的运用，使得网站从WebSite进化成了WebApp，开启了网站应用的SPA（SinglePageApplication）的时代。
WEB移动端的出现
随着智能手机的普及，web进入移动端领域，短短几年时间，社会基本从webPC端过度到了移动端的适应，同时web也进入了一个新的发展时期，即多端融合的趋势，于是类似jQueryMobile、SenchaTouch、Framework7等混合应用开发的框架开始出现，同时包括angular生态下的ionic、vue生态下的vux等移动端框架开始被广泛应用。再加上三大框架体系下都扩展了原生桌面应用的开发能力，从而使javascript在编程领域的价值再度提升。
WebECMAScript5到ECMASCript6
WEB标准经过多年的发展，终于迎来的新的更新，即ECMAScript6的发布，这次发布增加了很多新的语法，极大的拓展了javascript的开发潜力。在此期间，由于浏览器ES6语法的支持滞后，出现了Babel和TypeScript来把ES6代码编译成ES5等一系列编译工具，还有webpack工程化构建的完善，使我们今天，前端进入了一个类似大前端的时期，集编码、发布、测试、工程化构建与一体的整体方案解决体系中，同时，对前端工作人员的技术要求，也更加的全面与深入。
WebAssembly
自从JavaScript诞生起到现在已经变成最流行的编程语言，这背后正是Web发展所推动的。Web应用变得更多更复杂，但这也渐渐暴露出了JavaScript的问题：
语法太灵活导致开发大型Web项目困难；
性能不能满足一些场景的需要。
针对以上两点缺陷，近年来出现了一些JS的代替语言，例如：
微软的TypeScript通过为JS加入静态类型检查来改进JS松散的语法，提升代码健壮性；
谷歌的Dart则是为浏览器引入新的虚拟机去直接运行Dart程序以提升性能；
火狐的asm.js则是取JS的子集，JS引擎针对asm.js做性能优化。
以上尝试各有优缺点，其中：
TypeScript只是解决了JS语法松散的问题，最后还是需要编译成JS去运行，对性能没有提升；
Dart只能在Chrome预览版中运行，无主流浏览器支持，用Dart开发的人不多；
asm.js语法太简单、有很大限制，开发效率低。
三大浏览器巨头分别提出了自己的解决方案，互不兼容，这违背了Web的宗旨；是技术的规范统一让Web走到了今天，因此形成一套新的规范去解决JS所面临的问题迫在眉睫。
于是WebAssembly诞生了，WebAssembly是一种新的字节码格式，主流浏览器都已经支持WebAssembly。
WebAssembly/wasmWebAssembly或者wasm是一个可移植、体积小、加载快并且兼容Web的全新格式
高效性
WebAssembly有一套完整的语义，实际上wasm是体积小且加载快的二进制格式，其目标就是充分发挥硬件能力以达到原生执行效率
开放性
WebAssembly设计了一个非常规整的文本格式用来、调试、测试、实验、优化、学习、教学或者编写程序。可以以这种文本格式在web页面上查看wasm模块的源码。
安全性
WebAssembly运行在一个沙箱化的执行环境中，甚至可以在现有的JavaScript虚拟机中实现。在web环境中，WebAssembly将会严格遵守同源策略以及浏览器安全策略。
标准化
WebAssembly在web中被设计成无版本、特性可测试、向后兼容的。WebAssembly可以被JavaScript调用，进入JavaScript上下文，也可以像WebAPI一样调用浏览器的功能。当然，WebAssembly不仅可以运行在浏览器上，也可以运行在非web环境下。
今天的前端
今天的前端技术已经形成了一个大的技术系统。以Github为代表的代码管理仓库；NPM和Yarn为代表的包管理工具；ES6及Babel和TypeScript构成的脚本体系；HTML5；CSS3和相应的处理技术；React、Vue、Angular为代表的框架；Webpack为代表的打包工具；Node.js为基础的Express和KOA后端框架；Hybrid技术。
随着WebAssembly的快速发展与成熟应用，它会成为web技术的再一次革新吗？我们拭目以待。