Top9的Javascript代码片段库，你值得拥有

 

在使用JavaScript（或其他任何语言）开发程序时，你经常会发现自己会在DIY代码和已有代码片段之间进行选择。为了节省时间并防止编写出有问题的JavaScript，最好能够直接找到所需的代码段。

 

但是你应该从哪里开始寻找？如果你的回答是“谷歌”，那么你应该继续阅读本文，因为我们将帮你花在滚动浏览搜索结果的大把时间节约下来。

 

代码堆溢出

试图用谷歌找到所需的代码片段，甚至搜索GitHub，共享的GitLab片段，还有试图在StackOverflow的大海中找到一根针。即使你拥有高级的Google-Fu技能，你在这些海量的代码堆中找到的代码段也不一定会有正确的评论或文档。事实上，你找到的代码可能根本不能运行，你只是耗费时间和精力。

 

解决方案？你可以把精选的JavaScript代码段库和存储库保存下来，并增加一些自定义的东西。为了帮助你提升这个库，我们收集了九个最好的网站和免费存储库，其中包含有用的JavaScript代码段和微框架。

 

最佳JavaScript代码段库

网上有不少个人和公开收集的JavaScript代码段库。但是，许多已经过时，或难以搜索，或限定了特定工具，或必须是某个应用的插件。我们的列表包括最初作为个人收集的，或作为新程序员学习工具的，以及针对开源项目中的代码片段的智能可搜索数据库。

 

1. 30秒的代码

30 Second of Code是一个非常棒的项目，面向新手和有经验的开发人员。该库基于一个非常简单的概念：可以在30秒或更短时间内理解的片段。因为如果它更复杂，它就不是一个真正的片段，是吗？

 

数百个有用的片段按类别整齐排列，标记正确，频繁更新，社区参与，这是一个很好的资源。

2. CSS-Tricks

不要被名称和URL欺骗了，因为这个代码库不止提供CSS或JS片段。由Chris Coyier策划，此列表提供的可选片段并不是很多，但它可能是本文提到的所有网站中最具视觉效果的网站之一。

3. Codota

作为智能AI编码助手的创造者，Codota的代码库在选择和智能搜索功能方面都表现出色。有一个庞大的代码数据库，找到你需要的代码段非常容易。

虽然代码不是手动收集的，但是具有友好的UI，IDE集成和大量有用的代码片段。

 

4. Code to go

主要针对初学者，Code to go提供了数量有限的、非常基本的代码片段。然而，它为那些希望学习而不仅仅是复制粘贴的人带来了更多价值。

5. Snippetlib

另一个已成为公开库的个人收集是Snippetlib。它拥有相当广泛的可搜索的各种编程语言片段集合，由Jessie Frazelle提供。

6. Useful Angle

另一个针对新手的库是Useful Angle，有一个经常更新的列表，包含详细记录和完整解释的代码片段。更像博客而不是代码片段库，如果不借助Google，几乎不可能找到任何有用的东西。

 

7. Snipplr

成立于2006年，Snipplr提供两个功能：一个用于保存和共享你的代码片段的网站，以及一个包含63173个片段的大型库（并非所有JavaScript都是JavaScript）。建议使用高级搜索功能来寻找你要的代码。

8. Codepen

有点类似于Snipplr，Codepen提供了更精美的用户界面，一些精彩的文案（查看主题描述），以及相当多的代码片段，帮你让应用程序运行起来更漂亮。除了代码库，Codepen还提供广播节目和工作招聘表等功能。

9. Microjs

这个微框架和片段的集合组织在一个可以一直滚动的页面中。幸运的是，页面顶部的搜索功能可以帮你找到想要的东西。

 

如果上面这些代码库你还找不到你想要的代码片段，那么就应该默默回到谷歌，并希望某个地方有人能够写出你需要的代码片段。然后，如果你的搜索时间过长，你别无选择，只能成为别人的英雄。自己把代码写下来，测试它，并请在上面的一个或多个代码库中共享它，以便下一个需要它的开发人员能节省大量时间。

 

编译