使用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 相关文章推荐
Code:findPosX 和 findPosY
Dec 20 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 Javascript
关于Promise 异步编程的实例讲解
Sep 01 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 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设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
直接在JS里创建JSON数据然后遍历使用
2014/07/25 Javascript
js匿名函数的调用示例(形式多种多样)
2014/08/20 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
jQuery Ajax页面局部加载方法汇总
2016/06/02 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
2019/05/17 jQuery
微信小程序实现侧边栏分类
2019/10/21 Javascript
Python读写文件方法总结
2015/06/09 Python
快速了解Python相对导入
2018/01/12 Python
浅谈python中拼接路径os.path.join斜杠的问题
2018/10/23 Python
基于wxPython的GUI实现输入对话框(1)
2019/02/27 Python
Django 自定义分页器的实现代码
2019/11/24 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
Python使用type动态创建类操作示例
2020/02/29 Python
Python中如何添加自定义模块
2020/06/09 Python
python能在浏览器能运行吗
2020/06/17 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
python自动化办公操作PPT的实现
2021/02/05 Python
保时捷设计:Porsche Design
2019/03/30 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
市场营销个人求职信范文
2014/02/02 职场文书
学生手册家长评语
2014/02/10 职场文书
万年牢教学反思
2014/02/15 职场文书
城市创卫标语
2014/06/17 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
刑事附带民事代理词
2015/05/25 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python