英文 | https://javascript.plainenglish.io/11-javascript-libraries-that-every-beginner-shouldnt-miss-43ef8d8b51a0

翻译 | web前端开发

近年来，我们大家都看到JavaScript像野火一样传播，设法进入编程的每个领域，成为世界上最常用的语言之一。

同样，JavaScript框架和库的数量呈指数增长，对于技术发展来讲，这是件好事，但同时，也要求开发者们不断学习与接触新的知识，正因为不断有新的技术出来，在很多时候，技术的成熟性，也大大缩短了开发时间。

但是，在面对如此多的选择时，有时候，你可能也会有些束手无策。除了最常用的jQuery，React，Vue等这些JavaScript开发中著名的库外，还有一些在开发者社区里广为人知的库，也值得我们大家深入研究学习。

而今天，我要跟大家分享的这些库，就是我自己在开发中会用到的一些库，如果你还有更好的工具，也记得在留言区跟我们进行分享。

现在，我按用途将它们进行区分：

图表

1、D3.js图表

该库通常被JavaScript社区视为最强大的数据可视化工具。它有一个充满插件和其他可集成库的生态系统。

它具有非常舒适和实用的各种功能，该开源库遵守所有W3C标准并支持任何现代浏览器。除了它不包含预构建的图形外，它绝对是开发者必需品。

2、Chart.js

如果我们需要立即创建漂亮的图表，Chart.js是一个不错的选择，它也是开源的，它为提升开发效率，提供了理想的解决方案。里面有8张可定制的预制图表。它还包括动画选项，使用非常灵活性，还有非常好的文档可以查阅。

尽管如此，如果我们的需求超出了简单的条形图，则总体上功能受到限制。

3、FusionCharts

该库包含90种图形和1000张地图，被认为是同类产品中最好的，受到开发人员和设计师的喜爱和使用。

它具有跨平台兼容性的独特可伸缩性，它还支持大量设备和浏览器。因此，毫不奇怪，它被诸如Microsoft，IBM，Google，Oracle等行业巨头所利用。

带水印的版本对于个人项目和商业目的均不收取任何费用，但是，如果需要获得许可才能删除水印。

4、Google Charts

凭借无懈可击的文档和带有详细说明的内嵌注释，对于想要使用JavaScript开发图表的人来说，Google Charts绝对是一个很好的选择。

它带有大量的预建图形选择和无数的自定义选项，为开发人员提供了真正非凡的选择自由。它还具有可靠的跨浏览器和跨平台支持。

唯一的缺陷是：库已上传到Google服务器，因此我们的应用必须在线才能查看图形。

动画制作

5、 GreenSock

GreenSock动画平台是Adobe，Ford，Microsoft和Samsung等公司使用的库。

它的优点是兼容任何浏览器，移动设备和台式机，出色的性能以及在操纵DOM方面的巨大潜力。

从拖放功能到3D转换，从滚动功能到模块化体系结构，这个令人难以置信的库不禁令人惊讶。

6、Bounce.js

该库完全基于一组真正储备的CSS3动画。完全免费，当你不需要无休止的苛刻功能列表时，它在简单的原型设计或测试阶段中非常有用。

7、Animate.css

这是一个使用CSS参数的库，在将动画预设（超过50个）应用于DOM的任何元素（文本，表单，图像或按钮）上。

这是一个非常轻巧，简单且设计良好的库，易于使用。出色的跨浏览器和跨平台兼容性也为移动项目提供了很好的解决方案。

时间和日期

8、Moment.js

该库专为管理日期和时间而设计，具有轻巧和简单的特点。它的众多功能，多语言支持和大量可用插件使其成为JavaScript原生提供的经典Date对象的绝佳替代解决方案。

9、date-fns

刚提到的库的有效替代方法是date-fns，这是一组功能强大的工具，可在浏览器和Node.js中操作日期。可通过简单的API以模块化结构访问众多功能，该结构允许我们仅导入需要的内容。

其他

10、Math.js

它是一个用于数学运算的开源库，与各种浏览器和Node.js兼容。

除了标准的数学运算符，我们还支持更高级的功能，例如复数，矩阵，数组等。

11、Handsontable

Handsontable是一个适用于电子表格的JavaScript库，可轻松扩展并可以使用第三方和非第三方插件进行自定义。它拥有卓越的学习曲线，模块化结构和庞大的社区。

它有两个版本，一个免费版本，另一个为专业版本，由于40多种独特功能，它有多种用途。

结论

除此之外，还有许多具有相同功能的库，这些库可以极大地提升开发者的工作效率，使我们能够越来越快地创建用户友好的应用程序。

最后，感谢您阅读本文，希望对您有所帮助。

本文完〜

学习更多技能

请点击下方web前端开发