5 个免费有商业价值的 JS 库

如果您在商业项目中使用外部库，您需要牢记这些库的许可证。这意味着如果某个库的作者不允许将其用于商业项目（即出售给第三方用户）- 您就不能在项目中使用这些库。或者至少您不能免费使用它们。这就是为什么当开发者在 GitHub 上看到那三个神奇的字母 – MIT 时会感到非常高兴。

MIT 代表什么？当然是 麻省理工学院。这是一个起源于上世纪80年代末的软件许可证。这个许可证非常简短，免费授予任何人使用、复制、修改… 和/或出售软件的所有权利。换句话说，当您看到一个带有 MIT 许可证的 JS 库（或任何其他软件）- 这意味着您可以在您的项目中以商业目的使用它，没有任何限制，完全免费。

这是 MIT 许可证的完整文本：https://www.mit.edu/~amini/LICENSE.md

在这篇文章中，我收集了一些我个人使用的带有 MIT 许可证的 JS 库。

SimpleBar

https://github.com/Grsmto/simplebar

这个轻量级（6kb）的 JS 库用自定义滚动条替换了浏览器的默认滚动条。最大的好处是它保留了原生的滚动行为，而不仅仅是用 JavaScript 模拟它。这意味着您不需要担心它会导致一些随机的滚动故障。它支持所有主要浏览器（甚至 IE11 😂 ），而且设置和定制非常容易。

甚至耐克也在他们的在线商店中使用它：

Slick Slider

https://github.com/kenwheeler/slick

在我看来，这是最好的幻灯片 JS 插件！拥有大量选项，包括 RTL 和垂直滚动支持，每个幻灯片的可变宽度，用于断点的自定义以及许多其他功能。此外，由于回调方法（事件），您可以在不同状态下调整幻灯片的行为。这意味着您可以开发自定义导航（不仅仅是默认的点和箭头），处理进入/退出动画，控制视频播放等。

Chart.js

https://github.com/chartjs/Chart.js

如果您需要处理图表、图形、图表或其他可视化数据的方式，那么这个 JS 库可能对您非常有用。还可以将几种图表类型组合成混合图表，创建注释，缩放或拖放功能。

在这里您可以看到一些实时示例：https://www.chartjs.org/samples/2.6.0/

Lenis

https://github.com/darkroomengineering/lenis

我最喜欢的 JS 库之一！它允许您为页面实现平滑滚动。就像 Simplebar 一样，Lenis 库也提供原生滚动，只是更加流畅。这意味着您仍然可以使用浏览器的 API，如交叉观察器、CSS 粘性属性等。而且无需将所有页面内容包装在额外的 div 中才能使平滑滚动生效。

只需查看 Lenis 演示站点，看看原生滚动有多酷：https://lenis.darkroom.engineering/

Three.js

https://github.com/mrdoob/three.js

我不能说我太多地使用这个库，但它的强大确实令人印象深刻。

它使用 WebGL 渲染器创建惊人的 3D 对象、动画甚至游戏。学习如何使用它需要时间，但一旦掌握，它将使您的网站达到更高水平的令人惊叹。在 Three.js 的主页上，您将看到使用它的网站的实际示例：https://threejs.org/

---

顺便说一句，MIT 许可证并不是唯一允许您在商业项目中使用软件的许可证。还有其他几种许可证，如 Apache 许可证、BSD 许可证、Mozilla 公共许可证 等。