9 个超实用的 JavaScript 原生插件工具

浅浅的花香味﹌ 2022-10-06 02:59 415阅读 0赞

![e10ebce6fdc5b169cdbe61c17dffbd2b.png][]

英文 | https://javascript.plainenglish.io/9-best-vanilla-javascript-utilities-libraries-ff752592dfb5

翻译 | 杨小二

## **1、cypress**    ##

地址：https://github.com/cypress-io/cypress

![dad7b9ffd5e4f23f52690da2e91a92c0.png][]

对浏览器中运行的任何内容进行快速可靠的测试。

*  Cypress允许你创建可以与单击按钮交互的测试，填写表格，这个很好地支持定期更新。
 *  唯一的缺点是你会发现Cypress的学习曲线有点宽，因为它需要一些时间，这取决于你之前测试JavaScript应用程序的知识。
 *  此外，另一个主要问题是它目前不支持Safari。

## **2、 rollup** ##

地址：https://github.com/rollup/rollup

![2ac4ac3f1624cf3ca1f91b0ca1d3fe36.png][]

下一代 ES 模块打包器。

*  Rollup是一个模块打包器，它使用标准化的 ES 模块格式进行代码，而不是以前的解决方案，例如CommonJS & AMD。
 *  它可以轻松优化ES模块以在现代浏览器中更快地本地加载，并放置允许ES 模块工作流的遗留模块格式。
 *  由于支持tree shaking，它是一个很棒的模块打包器，虽然不像Parcel或Webpack那样出名，但它仍然随着响应式更新而增长。

## **3、day.js** ##

地址：https://github.com/iamkun/dayjs

![43492cc84416c93f369fe20aa7ea0307.png][]

2KB 不可变日期和时间库。

*  在JavaScript 中，你最有可能使用日期和时间库构建应用程序，而days.js是Moment.js的绝佳替代品。因为它更轻巧并且具有所有相同的 API。
 *  文档也很棒，新开发人员可以在更短的时间内轻松适应day.js。

## **4、 immer** ##

地址：https://github.com/immerjs/immer

![9cad55f53cf8541673adf55693e702fc.png][]

通过改变当前状态来创建下一个不可变状态。

*  非常轻量级的包(5KB)，有助于处理React应用程序中的不可变状态，我们只需要通过不干扰原始状态来更改虚拟状态，然后，一旦所有更改完成，它就会推送下一个状态。
 *  它的样板代码很少，因此你的代码看起来更简洁，结构更简洁。

## **5、jsdoc** ##

地址：https://github.com/jsdoc/jsdoc

![97a4f69bbe3f0d493a993c4eedbc3960.png][]

用于 JavaScript 的 API 文档生成器。

*  如果你需要记录你的个人功能，那么jsdoc是一个很好的工具。生成的文件非常基础，用于文档目的，你可以在短时间内拥有自己的功能文档。
 *  该文档对于新开发人员来说也很棒且易于使用，并且在开始使用jsdoc时不需要太多经验。
 *  特别是如果你在团队中工作，它会提高你工作流程的整体生产力，因为你已经定义了自己的功能。

## **6、ramda** ##

地址：https://github.com/ramda/ramda

![11bfed0d16cd8db4b2398d5cc4d7c86e.png][]

实用的JavaScript函数式 。

*  Ramda强调更纯粹的函数风格，不变性和无副作用的函数是其设计理念的核心，帮助你用简洁优雅的代码完成工作。
 *  这些函数是自动柯里化的，这使你不提供最终参数即可从旧函数构建新函数。
 *  唯一的缺点是它可能很快变得不可读，因此建议避免链接太多函数。

## **7、 p-limit** ##

地址：https://github.com/sindresorhus/p-limit

![617759ab393d50d7316dbeb70a76983e.png][]

以有限的并发运行多个 Promise 返回和异步函数。

*  如果你想限制 JavaScript 中的 promise 或同时阻止来自服务器的所有请求调用，那么这个库适合你。

## **8、Akita** ##

地址：https://github.com/datorama/akita

![b905586b3ae4c169d58ad17f45669425.png][]

为 JavaScript 应用程序量身定制的状态管理库。

*  在开始之前你需要知道RxJS风格的observables以及基本的TypeScript语法。
 *  如果你正在使用 Angular 应用程序，建议使用 Akita，因为与ngrx和ngxs相比，它更容易。

## **9、js-cookie** ##

地址：https://github.com/js-cookie/js-cookie

![16790e19ce7ad94c5a08f2506a34dbd6.png][]

用于处理浏览器 cookie 的轻量级 JavaScript API。

*  这个库使代码在处理 cookie 时更加清晰和可用，你可以使用一个简单的 API 来管理 cookie，其中包括开发人员需要的一切。

#  #

**学习更多技能**

**请点击下方公众号**

![35ba610a4bf8b7a135e5f0b43aa1dbe2.gif][]

[e10ebce6fdc5b169cdbe61c17dffbd2b.png]: /images/20221005/83dde54619d343ab92b03ab886ec350b.png
[dad7b9ffd5e4f23f52690da2e91a92c0.png]: /images/20221005/9240086c4a694103ba99a996d92fb2ef.png
[2ac4ac3f1624cf3ca1f91b0ca1d3fe36.png]: /images/20221005/7886569bd691484dad4366830183b7ba.png
[43492cc84416c93f369fe20aa7ea0307.png]: /images/20221005/e911de2dc2f842c686212c6a1c699f3d.png
[9cad55f53cf8541673adf55693e702fc.png]: /images/20221005/873909170e8248f7bfdc2e511276f65b.png
[97a4f69bbe3f0d493a993c4eedbc3960.png]: /images/20221005/d729691259e54b03a9deab066c5e2ead.png
[11bfed0d16cd8db4b2398d5cc4d7c86e.png]: /images/20221005/b9342d5ffc754ae883a380406c162176.png
[617759ab393d50d7316dbeb70a76983e.png]: /images/20221005/d6a42889a5fe4848b16559ad5b7ac94a.png
[b905586b3ae4c169d58ad17f45669425.png]: /images/20221005/fd524b0788de424b9a9b84cde88e661a.png
[16790e19ce7ad94c5a08f2506a34dbd6.png]: /images/20221005/7a2bdc2a6e274e73a43d8920b98a271d.png
[35ba610a4bf8b7a135e5f0b43aa1dbe2.gif]: /images/20221005/7f067368773441d9a53b6d1d84142348.png