《Web前端开发最佳实践》——2.3 合理使用前端框架-阿里云开发者社区

开发者社区> 华章计算机> 正文

《Web前端开发最佳实践》——2.3 合理使用前端框架

简介:
+关注继续查看

本节书摘来自华章计算机《Web前端开发最佳实践》一书中的第2章,第2.3节,作者:党 建 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.3 合理使用前端框架

JavaScript本身是一种很强大的脚本语言,但是JavaScript固有的灵活性和由于使用多浏览器而产生的复杂性,在使用时并不能得心应手。此种状况下,JavaScript框架的重要性就显现出来了。JavaScript框架是JavaScript代码的工具集和函数集,一般包括DOM元素操作、DOM事件的封装、AJAX操作、UI控件封装以及一些功能算法的扩展等,如string、array等的功能扩展。好的JavaScript框架已经经过了大量的功能测试、性能测试,也经过了各主流浏览器的兼容测试,在项目中应用前端框架,不仅加快了项目的开发进度,同时还避免了出现各种浏览器的兼容问题。
前端代码天生的开源优势使得前端开源框架异常丰富,全球最大的社交编程及代码托管网站之一GitHub中收录的开源项目也以JavaScript项目居多,但是正因为前端框架多种多样,各个框架的功能侧重点也不同,如何选取合适项目的框架,就成为前端开发人员的一项技能。
给项目选择一个前端框架,至少需要考虑如下几个因素。
1)项目的需求。这是选择前端框架的最主要因素之一。选择框架之前,先要调查项目的基本需求,调查项目是否有AJAX操作?是否需要模板化?数据传输的格式是JSON还是XML等?项目需要支持的浏览器有哪些?项目是移动应用还是普通的网站?项目中需要哪些主要的UI模块?常用的UI模块有模态窗口、滑块控件、进度条、提示框、分割框、幻灯显示以及自动填充等。
2)项目的特点。项目本身的特点也是选取框架的一个重要因素,这些特点包括项目开发团队的前端技术能力、项目的开发周期,以及是否是长期维护的产品等。使用框架是有学习成本的,需要开发团队先学习框架的使用方法,如果某个框架对开发团队来说是不易上手和使用的,那么就可能需要考虑其他相对容易上手的框架。项目开发周期的长短也会影响框架的选择,开发周期短则优先考虑一些容易上手、能快速开发的框架,或者选择使用多个框架。如果项目是需要长期升级维护的,则选择框架时需要考虑框架本身的升级、框架本身的扩展性等。
3)框架的特点。分析项目的状况后,则可以开始选择框架了。从框架的角度出发,需要调查框架是否满足需求?框架的性能是否可以接受?框架是否持续开发中?文档和例子是否充足?是否有技术支持?是否有版权问题?如果收费,价格是多少?有些框架属于轻量级的,功能集中但文件小,加载快;有些框架功能多,面面俱到,但文件相对较大,加载也慢一些;有些框架容易上手,但是运行速度慢,会影响页面整体的渲染,所有这些性能因素要尽早分析清楚。历史悠久的框架已经经过了很多项目实际的检验,这些框架的质量高,Bug会少一些。如果框架有官方正式的API文档、对应的代码示例以及技术支持渠道,则会帮助使用者快速地掌握框架的使用方法。
考量前端框架主要就是如上介绍的这些原则。需要强调的是,框架虽然非常有用,但是不要过分依赖,不能只是为了框架中的某一个功能就引入整个框架,这样会导致前端代码过于庞大,影响站点的性能。鉴于框架在项目中的重要性,一般在大型的Web项目中需要有专门的个人或团队来管理前端框架及其扩展。
了解前端框架的实际使用情况也有助于我们选择合适的框架。在2012年10月份,国外知名的前端工程师PPK(Peter-Paul Koch)曾经发起过一个有关前端框架使用的调查,调查结果显示在过去一年中95%的开发者使用过JavaScript框架,91%的调查者表示在超过一半的项目中使用过框架。对单独的框架,PPK提出了两个问题:
1)在过去一年内你使用过“xx框架”吗?
2)你是否在多于一半的项目中使用了“xx框架”?
调查的结果还显示,使用率较高的完备框架有jQuery、YUI、Prototype、Ext JS、MooTools等。尤其是jQuery,有超过91%的调查者在过去的一年中使用过jQuery,称其为Web项目标配的前端框架一点也不为过。此外,使用率较高的轻量级框架有Modernizr、Underscore.js、Backbone.js、Raphael.js等。
前端工程师有必要了解和学习这些常用的框架,理解这些框架的功能、性能、设计原理等,在实际的项目中选择合适的框架就会得心应手,不至于盲目选择。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用IntelliJ IDEA开发SpringMVC网站(二)框架配置
原文:使用IntelliJ IDEA开发SpringMVC网站(二)框架配置 摘要 讲解如何配置SpringMVC框架xml,以及如何在Tomcat中运行 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码。
964 0
Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十八】
  《Web 前端开发精华文章推荐》2013年第六期(总第十八期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
1793 0
关于ssm框架使用mysql控制台出现警告问题
使用MySQL时,总会时不时出现这种警告信息 警告信息:WARN: Establishing SSL connection without server's identity verification is not recommended.   出现这个警告的原因是: MySQL在高版本需要指明是否进行SSL连接。
936 0
2020年,我们该如何学习 WEB 前端开发
每当想要开始学习,脑子里总会跳出一系列问题:WEB前端的学习先后顺序是什么?PC端必须要掌握哪些知识和框架?移动端要掌握哪些知识和框架?TypeScript和node.js是否为可学可不学?新手应该按照什么先后次第学习呢?本文是阿里巴巴淘系技术部高级前端工程师——小问的个人经验总结,希望帮到处于迷茫期的你!
2659 0
开源调度框架Quartz最佳实践
开源调度框架Quartz最佳实践 Quartz是一个Java调度框架,当前的最新版本为2.2.1。 以Quartz 2.2.1版为例,Quartz最佳实践(用于生产系统)总结如下:1、跳过更新检查Quartz内置了一个“更新检查”特性,因此Quartz项目每次启动后都会检查官网,Quartz是否存在新版本。
890 0
开源最佳实践:Android平台页面路由框架ARouter
为了更好地让开发者们更加深入了解阿里开源,阿里云云栖社区在3月1号了举办“阿里开源项目最佳实践”在线技术峰会,直播讲述了当前阿里新兴和经典开源项目实战经验以及背后的开发思路,在本次在线技术峰会上,阿里云资深开发工程师刘志龙分享了Android平台页面路由框架ARouter的技术方案、解决的问题以及在实际场景中的最佳实践。
43341 0
《Web前端开发精品课——HTML5 Canvas开发详解》——第一部分第二章节
本节书摘来自异步社区《Web前端开发精品课——HTML5 Canvas开发详解》一书中的第1部分,第2章,作者:莫振杰 著,更多章节内容可以访问云栖社区“异步社区”公众号查看
2272 0
10059
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载