开发者必用的 7 款最佳开源 JavaScript 工具
JavaScript 的应用不再局限于网站开发。随着众多框架、库和工具的涌现，JavaScript 如今已能为开发者服务于多种用途。因此，精通 JavaScript 开发的开发者可以借助 JavaScript 工具和库轻松开发出色的解决方案，从而将自己的职业生涯推向新的高度。
JavaScript 入门
JavaScript 属于 Web 技术范畴，其他 Web 技术还包括HTML（超文本标记语言）和CSS（层叠样式表）。它是一种面向对象的即时编译语言，用于在正在开发的网站上运行各种功能。然而，随着技术的发展和需求的变化，JavaScript 也可用于 Android 应用开发，并可借助 Node.js、Angular.js、Express.js 等框架来实现。
使用 JavaScript 进行开发被认为更容易，因为它是大多数开发人员学习和掌握的基础语言之一，通过练习积累知识，可以确保开发出优秀的解决方案，而无需学习新的语言。
最佳开源 JavaScript 工具
借助 JavaScript 的工具、库和框架，开发者可以利用这种高效的语言为客户构建出色的解决方案。然而，并非所有工具都是免费的。因此，寻找开源工具（即免费工具）至关重要，这样无需投入资金即可获得高效的支持。
1. Babylon.js
Babylon.js 使用其实时 3D 引擎，在浏览器中创建和可视化 3D 图形。开发者无需在设备上下载任何软件或库，用户也无需在浏览器中下载任何软件或库，它即可直接加载，提供卓越的用户体验。WebGL（Web 图形库）是 JavaScript API（应用程序编程接口），用于在兼容的图形设备上渲染 3D 或 2D 图形。
为了让客户端屏幕呈现 3D 图形效果，必须确保其浏览器兼容 WebGL。对于开发者而言，若要将最新版本的 Babylon.js 应用于 HTML 项目，则需要先将以下代码添加到空项目的 index.html 文件中，以便集成并使用 Babylon.js 提供的 3D 引擎。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
<title>Babylon - Getting Started</title>
<!-- Link to the last version of BabylonJS -->
<script src="https://preview.babylonjs.com/babylon.js"></script>
<!-- Link to the last version of BabylonJS loaders to enable loading filetypes such as .gltf -->
<script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
<!-- Link to pep.js to ensure pointer events work consistently in all browsers -->
<script src="https://code.jquery.com/pep/0.4.1/pep.js"></script>
</head>
<body>
<canvas id="renderCanvas"></canvas>
</body>
</html>
（来源：Babylon.js）
2. 强尼五号
借助这款 JavaScript 机器人编程框架，通过浏览器控制硬件设备变得更加轻松。它能够帮助开发者更好地控制硬件组件，从而获得卓越的性能。该框架由 Rick Waldron 发布在 GitHub 上，并由世界各地的开发者共同维护。作为一个开源框架，开发者可以轻松使用它，并修复任何错误和问题，从而提高框架的效率。
要使用此框架，需要将 Arduino 或任何兼容的开发板连接到主机设备（台式机、树莓派、笔记本电脑）。之后，需要在主机设备上安装 Node.js 才能运行 Johnny-five。以下是启动 Johnny-five 的简单代码示例：
`mkdir nodebot && cd nodebot;
npm install johnny-five;
之后，打开文本编辑器，开始输入代码，然后在主机设备上通过终端运行它，方法是输入：
`node strobe.js`
（来源：Github）
3. 绿苗
Greenlet 通过将每个异步函数置于其自身的线程中来提升处理速度。为了使其在浏览器中正常运行，使用Web Worker至关重要，它可以确保各项功能完美运行。支持的浏览器包括 Firefox、Chrome、IE10+、Safari、Edge 等。要在 Node.js 中启用 Greenlet，需要使用类似node-webworkerpolyfill 的库。
要安装 Greenlet，只需编写：
npm i -S greenlet
它接受异步函数，并复制这些函数，使其在 Web Worker 中运行。
greenlet(Function) -> Function
建议在模块顶部一开始就创建和使用绿框。
4. JSUI
JavaScript Utility Kit 是一款功能强大的工具，用于以可视化的方式组织 JavaScript 项目。运行此工具仅需 package.json 文件。如果您的软件包包含此文件，则即可在此 UI 工具包上运行。即使对于移动应用开发公司而言，此工具提供的功能也能轻松管理 JavaScript 项目。它支持合并应用、运行应用、关闭端口、实现插件、创建文件等操作。这可以加快开发速度，并以更少的精力获得高效的成果。整个项目已在GitHub上提供下载，可用于您的下一个 JavaScript 项目。
5. Polly.js
Polly.js 支持重试或等待机制，持续尝试直至获得最终结果，这使得从瞬态异常中恢复变得更加容易。瞬态异常是指可以通过多次重试来消除的异常，Polly.js 支持此功能，旨在为浏览器提供卓越的用户体验。这里可逆的操作是指那些失败但可以通过重试来修复的输入/输出操作。
如果开发者决定使用 Polly.js 来应对某些失败情况，也可以使用以下方式实现：
polly().handle(<function>)
以下是一个 Polly.js 如何处理瞬态异常的小例子。在这个例子中，Google 首页在一次加载失败后重新加载了两次。
polly()
.retry(2)
.executeForPromise(function () {
return requestPromise('http://www.google.com');
})
.then(function(result) {
console.log(result)
}, function(err) {
console.error('Failed trying three times', err)
});
（来源）
6.迷你装
前端开发人员需要使用多种工具，而 MiniPack 通过其现代化的打包方式解决了他们将所需模块打包在一起的问题。将这些模块打包在一起还有助于轻松调试代码，并帮助更好地理解代码。要为您的项目安装 MiniPack，只需运行 `$ npm install` 来安装依赖项，然后即可开始运行 MiniPack：
$ node src/minipack.js
7. V8N
v8n 表示“验证”。v8n 是目前最大的 JavaScript 验证库。此外，该库提供了丰富的 API，这些 API 可从 GitHub 获取，并支持长期的自定义和复用。它提供链式 API 等 API 支持，方便用户轻松创建验证。它可以验证任何类型的数据，包括数组、对象等等。
// 数字v8n()
.number()
.between(5, 10)
.test(7); //true
// 字符串v8n()
.string()
.minLength(3)
.test("foo"); // true
// 数组v8n()
.array()
.every.even()
.test([2, 4, 6]); // true
// 对象const myData = { id: "fe03" };
v8n()
.schema({
id: v8n().string()
})
.test(myData); // true
您可以混合使用规则和修饰符，利用 v8n 提供的现有规则和修饰符构建自己的修饰符集。它最大的优点之一是占用空间小，仅需几个字节，并且能够对所需结果进行出色的验证。
结论
市面上有很多 JavaScript 工具，这增强了 JavaScript 的可靠性，也简化了编码流程。借助这些工具，开发者可以根据自身需求打造出色的解决方案，无论是网站、移动应用，还是客户要求的任何其他解决方案。JavaScript 的多功能性已经带来了卓越的成果，并且未来必将带来更多惊喜，这也促成了大多数工具和解决方案的持续发展和开源特性。
文章来源：https://dev.to/rupareliyamanoj/7-best-ever-open-source-javascript-tools-for-developers-to-use-3che