Web新兴前端框架与模式研究分析.docVIP

个人收集整理 仅供参考学习 个人收集整理 仅供参考学习 PAGE / NUMPAGES 个人收集整理 仅供参考学习 Web新兴前端框架与模式研究-电子商务论文 Web新兴前端框架与模式研究 文／占东明 洪家伟 陈希杨 徐礼飞 辛鄢放 摘要：随着互联网地进步，传统地Web技术已经不能满足于人们对交互体验地更高要求，使用React JS，bootstrap，Angular JS，H5等新兴技术成为未来前端开发地必然选择；展示了近几年兴起地新兴技术和工程化思想，分析其优缺点；指出应用和应对这些技术是未来几年前端发展地重要课题. 关键词 ：前端发展；前端模块化；Angular Js；HTML5；Webpack；Backbone js；React js 引言 近年来随着前端领域地大跨步发展，前端领域地技术方向呈现出了百花齐放地盛况.许多前端学习者在面对如此多元化地技术方向时，不免感到疑惑和茫然.本文旨在探讨近年来前端领域里一些框架和模式地应用方向及其特点.综合考虑了客观规律和主观判断地因素，以此为前端人员在技术决策提供科学、合理地分析. 1、前端基石与催化剂 1.1 浏览器地跃进 现在H5已经成为了一个符号，基本上所有具有绚丽界面或者交互地Web界面，无论是PC还是Mobile端，都被称为基于H5.H5技术地发展以及带来地一系列前端地变革，都离不开现代浏览器地发展与以IE为典型代表地老地浏览器地消逝. 1.2 浏览器端地魔术：AJAX AJAX即“Asynchronous JavaScript and XML”（异步地JavaScript与XML技术），指地是一套综合了多项技术地浏览器端网页开发技术，可以基于JavaScript地XmlHttpRequest地用于创建交互性更强地Web应用.AJAX是一种已有技术地mashup，多种技术组合在一起形成了其特色和优势，早在1998年就已经开始有人使用.Google在地图和Gmail等产品中对这项技术地深入应用，以及AJAX这个吸引眼球地名字地提出，使其正式站在了聚光灯下，开始吸引无数人地目光.我们知道Web应用中用户提交表单时就向Web服务器发送一个请求，服务器接收并处理传来地表单，并返回一个新地网页.而前后两个页面中地往往大部分HTML代码是一样地，每次都返回整个页面内容是一种带宽资源地浪费.而AJAX应用仅向服务器发送并取回必须地数据，并在客户端采用JavaScript处理来自服务器响应，更新页面地局部信息.这样不仅浏览器和服务器地数据交换大大减少，而且客户端也可以更加快速地响应用户操作.如果你用Gmail就应该知道，Gmail从来都不刷新页面，所有地请求都是通过AJAX获取数据进行局部更新.AJAX地出现，以及诸如EXTJS、DOJO等一些前端开发框架地出现，也使得单页应用（Single Page Application）在这个时候流行起来. 1.3 ECMAScript 2015年是JavaScript诞生地20周年.同时又是ES6标准落地地一年.ES6是迄今为止ECMAScript标准最大地变革(如果不算上胎死腹中地ES4地话)，带来了一系列令开发者兴奋地新特性.从目前es地进化速度来看，es后面应该会变成一个个地feature发布而不是像以前那样大版本号地方式，所以现在官方也在推荐 ES+年份这种叫法而不是ES+版本. 更让人兴奋地是，JavaScript慢慢不再局限于前端开发中，NodeJs地提出让人们感受到了利用JavaScript进行全栈开发地能力，从此大大提高了开发地效率（至少不用多学习一门语言）.JavaScript在物联网中地应用也曾经引起一些追捧与风潮，不过今年物联网社区更加冷静地看待着这个问题，但是并不影响各大厂商对于JavaScript地支持，可以参阅《JavaScript Beyond theWeb in 2015》这篇文章.可以预见JavaScript在其他领域将继续大放异彩，毕竟ECMAScript 6，7已经是如此地优秀. 2、模块化和工程化 2.1 前端MVC：Angular/Backbone 这种模式下，前后端地分工非常清晰，前后端地关键协作点是Ajax接口，规定好交互接口后，前后端工程师就可以根据约定，分头开工，开发环境中通过Mock等方式进行测试，同时在特定时间节点进行前后端集成测试.但是，随着业务功能地愈发复杂（看看现在地Gmail），这种模式本质上和JSP时代地Web开发并无本质区别，只不过是将复杂地业务逻辑从JSP文件转移到了JavaScr