使用JavaScript库还是自己写代码?


Posted in Javascript onJanuary 28, 2010

你必须做出决定以这两种方法中的哪一种来写你的JavaScript,为了帮助您作出明智的决定哪个更适合你,我们将对比一下这两种方法的一些优劣。

在过去使用JavaScript库的一个缺点是,库往往相当大,也许包括不少在你的个人网页中实际是不怎么使用的代码。或许,编写自己的代码可以被认为是最能完全满足你真正需求的方法,而且没有其他比这更有效的方法了。但在引入Google的一个通用仓库后,每个人都可用通过链接使用比较流行的JavaScript库的时候,就否定了这种说法,因为如果你链接到的是Google的库副本,而不是使用自己的副本,这样大量访客将会有已经缓冲在他们的浏览器上的库,实际须下载的只是你页面的一部分代码而已。这样做可以使得使用它比自己做的库更快。

自己编写代码而非依赖于库的一个优点是,你不用学太多东西。要能够自写JavaScript,你只需要学习JavaScript就可以了。而要能够使用库则需要同时学习JavaScript以及这个库。你可能可以做到像这样的事情,只学习库而还没有学习JavaScript,但就能够利用的最好方式来使用这个库,那你将需要比那些只是使用JavaScript来编写自己代码的典型的人要对JavaScript有更多的了解。

使用库的优势在于,库已处理了你需要运行的90%的操作,这意味着你只需要编写的余下10%。在有大量的代码编写的时候,这可以节省你编写代码的时间。而在除了编写代码,还需要对其进行测试的时候,它就可能会或可能不会节省时间了,除非你深入了解如何让你所选的库在测试时间做应该做的事,使用库最终可能会比你自己写代码大大延长了时间。

另一件你要考虑的事是,在一个给定的库中包含了多少代码是你实现你想达到的目标将实际需要使用到的,以及库实际上是否包括了所有你想要的操作。如果你不能找到一个有你所需的一切功能的库,那么你就需要自己编写其余的代码或尝试引入第二个包括了缺少的功能的库。取决于库是如何工作,将可能可以或可能不可以在相同的网页中同时使用两个库。

事实上在你考虑使用库之前,你需要自己写多少JavaScript代码也会影响你的决定。如果你已经自己写了能执行所有你需要的不同函数的处理,则有可能打消你选用一个同样提供所有这些相同功能但实现方式不同的库的想法。鉴于这些首先写这些库的人一般都是对JavaScript具有深入了解的人,你必须承认的一个合理的可能性是,一个提供这些功能的库比你自己写的更有效率(除非你也有一个JavaScript专家)。

你要添加到网页中的JavaScript处理是什么样的类型,也将影响是否合适使用库。如果你只把很小的特效到你的网页,只需要几行JavaScript代码,那么比起自写所有的代码,用一个库可能会导致你不得不编写更多的代码去作为实现库工作方式的接口。当然,反过来同样适应,如果你要添加到你的网页中的处理是数量相当大的且与你选用的库的功能类型密切匹配的,那么都可以让库为你处理。

选择一个功能是密切符合你想要使用到你的网页中的库,并很好的理解JavaScript以及这个库,那就可以快速和容易加入所有你想要的功能,以这种现代的不唐突的方式可能是最适合你的方法。另外,如果你已经写了多年的JavaScript,而且已经有你的能执行大多数你不断要求的功能的代码库,那你就可以不必选择和学习任何一个库就达到相当的效果。

个人总结

个人觉得,Stephen Chapman的这篇文章很好的对比了JavaScript库和自写代码的优缺点,其实,如果能够在使用JavaScript库的时候,充分的利用它,去实现它应有的价值,那JavaScript库将会是一种很好的工具,一种创造富客户端以及给用户带来良好体验的一种工具,而非成为加载页面时的一种额外的负担。而对于喜欢自写代码的人,我觉得也有必要将一些功能,有如DOM操作和事件处理封装起来,毕竟原生的JavaScript在不同的浏览器存在着较多兼容问题和效率问题(可参考 阿当的《JavaScript分层概念》)。同时我还觉得,如果在使用一个流行的JavaScript库(如jQuery、YUI、Ext JS)的时候,能去了解一下这些库的实现机制,这样才能更好的驾驭这些库!

中文由维奇翻译,如有转载请注明出处,翻译如有错漏欢迎留言指出

Javascript 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
从sohu弄下来的flash中展示图片的代码
Apr 27 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
Mar 05 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
Angular在一个页面中使用两个ng-app的方法
Feb 20 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
javascript实现图片轮换动作方法
Aug 07 Javascript
js或css实现滚动广告的几种方案
Jan 28 #Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 #Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 #Javascript
jquery 常用操作方法
Jan 28 #Javascript
jquery 经典动画菜单效果代码
Jan 26 #Javascript
使用JQuery进行跨域请求
Jan 25 #Javascript
javascript 的Document属性和方法集合
Jan 25 #Javascript
You might like
如何在WIN2K下安装PHP4.04
2006/10/09 PHP
解析PHP中$_FILES的使用以及注意事项
2013/07/05 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
jQuery实现根据类型自动显示和隐藏表单
2015/03/18 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
jquery中实现时间戳与日期相互转换
2016/04/12 Javascript
VUEJS实战之利用laypage插件实现分页(3)
2016/06/13 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
微信小程序tabBar底部导航中文注解api详解
2017/08/16 Javascript
浅谈Vue父子组件和非父子组件传值问题
2017/08/22 Javascript
js循环map 获取所有的key和value的实现代码(json)
2018/05/09 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
vuex存值与取值的实例
2019/11/06 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
Python 序列的方法总结
2016/10/18 Python
Django后台admin的使用详解
2019/07/08 Python
python绘图模块matplotlib示例详解
2019/07/26 Python
Python shelve模块实现解析
2019/08/28 Python
python3.6使用SMTP协议发送邮件
2020/05/20 Python
python3中编码获取网页的实例方法
2020/11/16 Python
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
新闻专业推荐信范文
2013/11/20 职场文书
内容编辑个人求职信
2013/12/10 职场文书
四好少年事迹材料
2014/01/12 职场文书
《会变的花树叶》教学反思
2014/02/10 职场文书
总经理的岗位职责
2014/02/23 职场文书
党委班子剖析材料
2014/08/21 职场文书
工作时间调整通知
2015/04/24 职场文书
golang为什么要统一错误处理
2022/04/03 Golang