原文链接：https://dev.to/workshub/javascript-libraries-you-should-try-out-in-2022-4b4p

作者：Mihaela

若有翻译不准，请多指正。

JS库一直在改变我们编写JS的方式，并帮助我们轻松实现目标，而无需一遍又一遍地重新发明。这就是为什么JS库是任何开发人员在这个行业开始时都应该注意的第一件事。每年，都会开发新的库，废弃旧的库，并且所有现有的库都需要根据世界各地开发人员的最新进展进行更新的。

但是，这些库有什么特别之处值得特别关注呢？这些库有望使编码更快，更容易，并且总体上更令人愉快。

以下是在2022年尝试的那些列表，可能你尚未开始使用它们。它们现在可能也不是最受欢迎的，但我预测它们将在三年内出现。

2022年顶级JavaScript库

1.D3.js

D3.js用于基于数据操作文档。D3可帮助你在使用HTML、CSS和SVG使数据非常流畅。D3对网页标准的强调提供了现代浏览器的全部功能，而无需自己绑定到专有框架，可以将强大的可视化组件和数据驱动的DOM操作方法相结合。

特性

• 支持 HTML、CSS 和 SVG
• 使用数据驱动的方法操作 DOM
• D3.js是一个功能强大的JS库，允许您使用Web标准创建数据可视化

应用

• 允许将任意数据绑定到文档对象模型 （DOM）
• 帮助创建动画过渡
• D3.js是一个功能强大的JS库，允许高级数据可视化。
• 
  
• 
  

2.React.js

简单来说，React.js是一个用于构建用户界面的JS库。这些是交互式Web应用程序，可在各种设备上运行，可以访问来自后端服务器的数据。React的第一个版本由Facebook于2011年发布。这项技术是由乔丹·沃克（及其在Facebook的Instagram子公司（后来被拆分为自己的公司）的团队开发的。

特性

• React.js是一个用于构建交互式用户界面的库
• 它由可重用的UI组件组成，可以轻松创建复杂且响应迅速的用户界面，而不会牺牲性能或SEO。
• 它利用JS操纵DOM元素和CSS的能力来允许更具表现力的内容呈现。

应用

• 这是一个轻量级的JS库，为开发人员提供了许多额外的，方便的功能。
• 它可能不像其他库那样全面，但它以更好的性能和易用性弥补了它。

3.Lodash

JS是网页设计中使用最广泛的编程语言之一。它有很多有趣的库，但Lodash是我个人的最爱之一，因为它易于学习和使用，非常灵活，这是一个实用程序库，在JS的原生对象之上为开发人员提供方法和函数。

特性

• 它是一个现代的JS实用程序库，提供模块化，性能和附加功能。
• 所有Lodash方法都是可链接的，并且迭代优先，以获得更清晰的代码和更好的可读性。

应用

• 使用 Lodash，您可以设置日期格式并将其转换为字符串。
• 它是一个功能丰富的库，提供函数式编程的方法，并通过最大限度地减少日常任务的详细程度来帮助你编写更清晰的代码。
• Lodash附带了各种好东西，以帮助使数组，对象，字符串，数字等的工作更轻松，更有趣。

4.Underscore.js

Underscore.js可帮助你从JS应用程序中获得更多收益。它最常用作实用程序库，提供许多函数式编程帮助程序，而无需扩展任何内置对象。虽然开发人员经常将Underscore简单地用作日常脚本任务的实用程序带，但由于它在Backbone.js和其他MVC框架中的作用，它已经在前端开发人员中变得非常流行。

特性

• 它是JS的实用程序带库，提供了大量的函数式编程支持。
• 它很小（大约8kb缩小和gzip），并且不需要太多时间就可以开始使用它。
• 它是编写简洁代码以对数组和对象执行多个操作的理想选择。

应用

• 它提供了一大堆有用的函数式编程帮助器，而无需扩展任何内置对象。
• 它是Backbone的依赖.js但本身也非常有用。
• 它提供了各种函数式编程帮助器，而无需扩展任何内置对象，就像Prototype.js和其他竞争对手一样。

一些你必须知道的有用的JavaScript框架

1.Aurelia

Aurelia是一个功能强大的开源JS客户端框架，具有先进的工具和最先进的UI组件。它提供数据绑定、模板化、MVVM等。Aurelia与多种浏览器和操作系统兼容。

2.Ember.js

如果你想创建一个功能强大的Web应用程序，那么你一定要看看Embercli。它提供了流畅的用户体验，并具有优秀的文档。该框架是用JS和HTML5编写的，使开发人员易于理解。这也使他们更容易学习如何快速有效地使用它。

3.Node.js

Node.js或Node是一个开源和跨平台的JS运行时环境，用于开发服务器端Web应用程序。Node在Chrome的V8JS引擎上运行。由于其事件驱动架构、无阻塞I/O模型和轻量级设计，它通常用于数据密集型且需要大量并发连接的实时应用程序。

4.Mocha

Mocha是Node.js和浏览器的测试框架，使异步单元测试变得轻松。使用mocha编写测试很容易，因为它可以处理你不想编写的所有烦人的设置代码。

最佳JavaScript工具

1.iziModal

iziModal是一个轻量级的模块化JS库，允许创建流畅且响应迅速的模式对话框。它适用于任何CSS框架，例如Bootstrap或Foundation。它是一个用Vue.js构建的模式组件，旨在提供一种简单的方法来向应用程序添加一个美观而灵活的模式窗口。

它是轻量级的（2kbgzip），易于使用，可自定义，并且没有依赖项。

2.Shave

Shave是JS中最有用的工具之一。它允许使用CSS选择器从HTML中获取元素并使用JS操作它们，就像jQuery一样，但没有jQuery依赖项。这使得它非常适合不需要jQuery所有功能的项目。

3.Webpack

Webpack是一个模块捆绑器，通过处理资产管理和构建来简化Web开发。Webpack适用于任何类型的库或框架。它可以捆绑CSS，LESS，SASS，CoffeeScript，TypeScript等。它还具有用于其他语言的插件，如Java，C++，PHP等。

4.Babel

Babel是一个JS编译器，它可以帮助你使用ECMAScript引入的新功能。它允许开发人员使用较新版本的JS编写代码，然后将其转换为可以在较旧版本的浏览器上运行的向后兼容代码。

结论：

对于希望提高技能的JS开发人员来说，选择应该关注哪些新技术和实践并不总是那么容易。随着越来越多的新框架不断涌现，开发人员可能会发现自己迷失在陌生工具的海洋中。JS库可以帮助构建出色的Web和桌面应用程序，但是很难选择正确的应用程序来开始使用。