前端的发展历史是怎么样的详细说明

　　1990年，首个web浏览器诞生，前端技术迎来发展；经过20年的发展：纯静态页面→JavaScript→小程序开发。

　　1.洪荒时代（1990-1994）

　　①www：（Tim Lee），共享和传递信息，纯静态页面。

　　②浏览器：（网景），PHP诞生使得HTML中能嵌入动态内容。

　　③JavaScript：（Brendan Eich），完善语言，提高性能。

　　2.浏览器大战（1994-2005）

　　①IE vs 网景；②IE vs 火狐；③IE vs 谷歌； 利用UA标记（Navigator.userAgent）；解决浏览器兼容性问题。

　　3.Prototype时期（2005~2009）

　　①Prototype机制：（Sam Stephenson），解决动画特效与Ajax请求问题，让用户更好的使用JavaScript基础类库。

　　②程序猿开发模式：选择核心库［封装类］→传入DOM→类方法操作DOM→找插件→扒脚本代码→后端打包。

　　4.jQuery 时期（2009~2012）

　　jQuery的普及降低了前端开发的门槛，更加方便的插件和UI库，如Zepto.js，步入移动互联网时代。

　　①jQuery：轻量级，改善DOM/ BOM 兼容性，选择多个DOM 作为对象→链式操作。

　　②前后端分离：jQuery只占用两个全局变量，不污染Object原型对象和window全局变量。

　　为解决Ajax出现依赖时的回调地狱问题，提出了Deffered与Promise。

　　5.后jQuery时期（2012~2016）

　　①RequireJS：定义AMD规范模块［js/lib/module. js ：］；支持各种插件，shim机制可加载其他JS代码。

　　统一异步机制：前端模板［HTML=template（vars）］；前端路由；SPA。

　　②Node.js：（Ryan Dahl），前端模块的定义、加载、打包；包括丰富的模块、路由、状态管理、数据库、MVC框架。

　　③MVC框架：Backbone.js；

　　④MVVM框架：比MVC多一个数据绑定功能。

　　（1）Angular（谷歌）：将函数体转译成setter（）、getter（）函数。

　　（2）Knockout.js（微软）：使用函数代替属性的技巧实现，它的设计影响到后来的Mobx。

　　（3）Ember.js（苹果）：基于Object.defineProperty。

　　大公司开发：划归阵营，基于CLI （用Node.js开发） 的项目开发，利用jQuery插件模块实现功能，加Script标签。

　　CLI： 包含脚手架生成、 打包脚本、语法风格检测、环境变量插入、代码复杂度检测、单元测试、 图片压缩等。

　　前端分化：①做后端：CNode门户网站；②自动化构建工具：Gulp、webpack、npm-script、Grunt、FIS3、Rollup。

　　6.三大框架割据时代（2016~至今）

　　①React 框架：JSX开发界面、虚拟DOM技术、基于原生/Hybird的安卓/iOS类APP开发、React Native （Facebook）；

　　状态管理器、CSS-in-JS、Flow静态类型检查、devTool、Fetch、前后端同构、Fiber、suspend、并发渲染；

　　复用功能：类继承，npm，Less、Sass、PostCSS与CSS Modules等；

　　②Angular框架：将Script、Style、Template进行融合设计，创造Web Components浏览器自定义组件技术。ionic框架

　　③Vue. js 框架：留美华人创造，国人拥护。Weex框架（阿里巴巴）