使用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 相关文章推荐
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 Javascript
JS实现为表格动态添加标题的方法
Mar 31 Javascript
Angular中$compile源码分析
Jan 28 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
js实现字符全排列算法的简单方法
May 01 Javascript
小程序实现左右来回滚动字幕效果
Dec 28 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
简述ES6新增关键字let与var的区别
Aug 23 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 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
PHP游戏编程25个脚本代码
2011/02/08 PHP
PHP获取MAC地址的具体实例
2013/12/13 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
用js遍历 table的脚本
2008/07/23 Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
2009/05/15 Javascript
最简单的JavaScript图片轮播代码(两种方法)
2015/12/18 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
原生js无缝轮播插件使用详解
2020/03/09 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
基于python的汉字转GBK码实现代码
2012/02/19 Python
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
python得到单词模式的示例
2018/10/15 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
Python xlrd excel文件操作代码实例
2020/03/10 Python
自学python用什么系统好
2020/06/23 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
体育专业学生自我评价范文
2014/01/17 职场文书
自考生自我评价分享
2014/01/18 职场文书
会计专业大学生求职信范文
2014/01/28 职场文书
毕业生自荐书
2014/02/03 职场文书
小学一年级学生评语大全
2014/12/25 职场文书
学生病假条怎么写
2015/08/17 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
MySQL基础(一)
2021/04/05 MySQL