前9个JavaScript代码段库

使用JavaScript（或其他语言）开发程序时，您经常会发现自己在DIY代码和现有代码段之间进行选择，以完成所需的工作。 能够在需要时找到所需的代码段，可以节省大量时间，并避免这些JavaScript编写麻烦。

但是，您应该从哪里开始寻找？ 如果您的答案是“ Google”，那么您应该继续阅读，因为我们将为您节省大量滚动搜索结果的宝贵时间 。

干草堆溢出

尝试通过Google查找所需的代码段，甚至搜索GitHub gists ，共享的GitLab代码段 ，以及（当然） StackOverflow实际上就像在大海捞针一样。 即使您具有高级的Google-Fu技能，您在这些庞大的代码堆中所发现的摘录也不一定带有适当的注释或文档。 实际上，它可能根本无法运行，而只是花费更多的时间和精力。

解决方案？ 您可以保存和自定义一系列精选JavaScript代码段库和存储库。 为了帮助您提高武器库的性能，我们收集了九个最佳网站和免费存储库，其中包含有用JavaScript代码段和微框架，可在您的项目中使用。

最好JavaScript代码段库

在线JavaScript代码段库不乏个人和公共收藏。 但是，许多插件已经过时，难以搜索或仅限于特定工具或应用程序。 通常，使用一个库不仅可以自我更新，而且可以跟上JS代码的最新发展，这一点至关重要。

我们的清单包括精选的图书馆，这些图书馆起初是个人收藏，是供新程序员学习的工具，以及社区维护的开放源代码项目中可智能搜索的代码段数据库 。

1. 30秒的代码

30秒的代码是一个针对新老开发人员的出色项目。 该库基于一个非常简单的概念：您可以在三十秒或更短的时间内理解的摘要。 这是有道理的，因为如果它更复杂，它实际上不是代码片段，不是吗？

数百个有用的代码段按类别整齐地组织，并带有正确的标记，频繁的更新和一个活跃的社区，该图书馆是一个不错的资源。 它甚至还包括一个面向初学者的特别版块和一个小众片段存档 。

2. CSS技巧

不要让名称和URL愚弄您-这个片段库提供了很多有用的内容。 所有这些都是由Chris Coyier策划的，此列表可能没有提供很多选择，但它可能是本文中链接的最视觉上令人愉悦的网站之一。

3. Codota

作为智能AI编码助手的创建者，Codota的库在选择和智能搜索功能方面均表现出色。 拥有成千上万行代码的庞大数据库，查找所需的代码片段非常容易。

尽管它不是手动管理的，但该库通过令人愉悦的UI，IDE集成和大量有用的代码片段来弥补它。

4. 代码去

Code to go主要针对初学者，提供了数量有限的非常基本的代码片段。 但是，它为那些想学习的人带来了附加值，而不仅仅是复制和粘贴。

5. Snippetlib

Snippetlib是另一个已成为公共图书馆的个人收藏。 它包含各种编程语言的相当可搜索的摘要集，由Jessie Frazelle策划。

6. 有用的角度

另一个针对新开发人员的库是“有用的角度”，其中包含经常更新的清单，这些清单有据可查且经过详尽解释的代码段。 建立起来更像一个博客，而不是一个适当的代码片段库，如果没有Google的帮助，几乎找不到任何有用的东西。

7. Snipplr

Snipplr成立于2006年，提供两个功能：一个用于保存和共享您的代码片段的网站，以及一个在撰写本文时拥有63173个代码片段的库（当然，并非全部都是JavaScript）。 使用高级搜索功能来缩小搜索范围非常容易。

8. Codepen

Codepen与Snipplr有点相似，它提供了更加精致的UI，出色的文案（请查看主题描述）以及大量的代码片段，以使您的应用程序正常工作并看上去漂亮。 除图书馆外，Codepen还提供广播节目和工作清单等功能。

9. Microjs

这些微框架和代码片段的集合被组织在一个页面中，这可能需要花费很多时间才能滚动。 幸运的是，页面顶部的有用搜索功能可以指导您正确下载文件。

（来源： https : //twitter.com/xmrtni/status/846942114659389450 ）

如果您在上述任何一个存储库中都找不到所需的代码片段，那么该是默认返回Google的时候了，希望某人能友好地编写您所需的代码片段。 然后，如果您的搜索时间太长，您别无选择，只能成为他人的英雄。 编写，测试它，并确保在上面的一个或多个存储库上共享它，以进行下一个开发人员需要它的大量节省时间。

From: https://blog.codota.com/top-9-javascript-snippet-libraries/