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

所属分类: 网络编程 / JavaScript 阅读数: 438
收藏 0 赞 0 分享
你必须做出决定以这两种方法中的哪一种来写你的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)的时候,能去了解一下这些库的实现机制,这样才能更好的驾驭这些库!



中文由维奇翻译,如有转载请注明出处,翻译如有错漏欢迎留言指出
更多精彩内容其他人还在看

js实现图片上传预览原理分析

这篇文章主要为大家详细介绍了js实现图片上传预览的原理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Angular限制input框输入金额(是小数的话只保留两位小数点)

最近做项目遇到这样的需求输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码,需要的的朋友参考下吧
收藏 0 赞 0 分享

详解vue-cli + webpack 多页面实例配置优化方法

本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)

本篇文章主要介绍了React-Native解决键盘遮挡问题(Keyboard遮挡问题),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript反弹动画效果的实现代码

本文通过实例代码给大家介绍了js反弹动画效果的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享

解决vue2.x中数据渲染以及vuex缓存的问题

本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jsonp跨域请求详解

这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料,激活了所有接口支持浏览器跨域请求的封装,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

解决vue里碰到 $refs 的问题的方法

本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js自定义弹框插件的封装

这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装,自己封装一个弹框插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

深入理解vue $refs的基本用法

本篇文章主要介绍了深入理解vue $refs的基本用法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多