资料下载
前端的发展历史是怎么样的详细说明
清悦乾草
分享资料个
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框架（阿里巴巴）
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。 举报投诉
- 相关下载
- 相关文章
