英文 | https://javascript.plainenglish.io/10-javascript-plugins-that-every-web-developer-should-know-a1cd6449a661

翻译 | 杨小二

那些从事 Web 开发工作的人肯定会注意到 JavaScript 的多功能性。与 ASP 或 PHP 不同，这种客户端编程语言为开发人员提供了多种可应用于项目的功能。

如果我们正在处理数据并希望丰富网站的设计，JavaScript 将是我们创建优质网站的最大盟友。另一方面，前端开发人员有时可能会使用更多陈词滥调的语言。

今天，我会跟你分享10款，对于我来讲，是比较好用的一些JavaScript 插件。我认为每个 Web 开发人员都应该了解它们的用处。然而，我把他们都列举出来了，希望这些JavaScript 插件，对你有所帮助。

1、Egg

地址：https://github.com/eggjs/egg

你还记得80年代的老虎机吗？一直有传言说引入了带有按钮的序列，视频游戏中会出现新内容。当然，有时它是真的，有时它只是一个简单的流程。使用Egg插件，你可以输入计算机中称为“复活节彩蛋”的内容，让你的访问者大吃一惊，并增加你网站的神秘感。

2、Layzr

地址：https://github.com/callmecavs/layzr.js/

你可能听说过Layzr，知道它是很棒的 JavaScript 插件。Layzr 通过将图像的加载延迟到图形窗口内来提高网页的速度。在用户为显示这些图像进行必要的滚动之前，不会在网站上向它们收费。那么这是否合乎逻辑，如果我们看不到它们，为什么要加载它们？想了解更多的内容，请点击上面的链接地址进行阅读学习。

3、Elevator 

地址：https://github.com/tholman/elevator.js

Elevator 是一个 JavaScript 插件，你可以使用它来实现网页上非常流行的典型“Up”。使用此控件，你可以非常顺利地返回页面顶部。但事情并不止于此。电梯的主要特点之一是，当你装货时，我会播放电梯里的音乐。是的，正如你所听到的。你一定要试试。

4、Dense

地址：https://github.com/gocom/dense

使用 Dense，你可以在任何设备上显示视网膜图像。这是一个适用于所有浏览器的 jQuery 插件。如果你想将图像显示为项目并且在任何移动设备上都可以，你可以尝试 Dense。这是最好的选择。

5、FullPage

地址：https://github.com/alvarotrigo/fullpage.js

曾经想制作全屏网站但从未见过？你的网站上是否有任何无法使其看起来全屏的组件？使用 FullPage，它非常酷。只需调用脚本，然后……瞧！你的网站宽度为 100%。它还可用于创建颜色滑块。

6、Guides

地址：https://ejulianova.github.io/guides/

我不使用任何网站编辑软件，只使用笔记博客。尽管我是个坚强的人，但我需要额外的功能来执行我的设计。这些功能之一是规则，多亏了指南，我们可以为你的网站制定正确的规则。因此，我们再也不会遇到一个元素是否优于另一个元素或哪个组件被抵消的问题。

7、Rainyday

地址：https://github.com/mubaidr/rainyday.js#rainydayjs

使用 Rainyday，你将有机会使用 JavaScript 和 HTML5 创建雨的效果和冷饮效果。这个工具与所有现代浏览器兼容。

8、Cluster

地址：https://www.npmjs.com/package/clusterjs

Cluster 将让你更轻松地查看大型数据集。作为一个集群，我们可以看到一个带有滚动条的表格的信息，该滚动条的行根据它们在表格中的位置进行着色。第一行将没有颜色，最后一行将被整体涂漆。

9、Trunk

地址：https://www.npmjs.com/package/trunk-js

Trunk 将帮助你调整你的内容以适应市场上不同尺寸的不同设备（PC、平板电脑、手机）。使你的页面具有100% 响应式性。

10、Vorlon

地址：https://www.npmjs.com/package/vorlon

Vorlon 是用于远程测试和调试 JavaScript 的工具。使用 NODE.JS 和 Socket.IO 进行操作。如果你总是不在家并且必须调试促使你实施的代码，那么你可以毫无问题地使用 Vorlon。

总结

以上就是每个 Web 开发人员都应该知道的 JavaScript 插件的工具。我希望你喜欢它们，并在你的个人和专业项目中使用它们。

感谢你的阅读。

学习更多技能

请点击下方公众号