最近经常在群里看到类似的问题:
image.png
image.png
看到之后都会推荐使用 Openbase 去搜合适的库。那 Openbase 是个啥,它有什么特别之处,又是如何使用的,下面就来详细介绍一下 Openbase。

Openbase

在进行前端技术选型时,我们通常会在npm、GitHub、Google、百度上进行搜索,然后深入挖掘以了解技术是否维护良好,并确定其他人对该技术的看法。然而,现在仅 JavaScript 包就有超过 150 万个,这使得我们很难研究和评估每个包的质量。正是在这种背景下,Openbase 诞生了。我们现在可以在 Openbase 上搜索需要的库的类别,它会将所有信息集中到一起,便于我们更深入了解库是否符合我们的需求。

Openbase 的使命就是帮助开发人员在数百万个开源包中进行选择。它是第一个为软件包提供用户评论、强大的洞察力和开源软件包分类的平台。Openbase 的搜索引擎使开发人员能够根据他们使用的特定框架过滤搜索结果,例如 React、Vue , Node等。目前 Openbase 支持六种编程语言(Go、Java、JavaScript、Python、Rust 和 Swift)。

Openbase 官网:https://openbase.com/

搜索

进入Openbase 官网的第一眼就是一个很大的搜索框:
image.png
只需在其中输入所需的库的类别即可(英文关键词),比如文章最开始的三个问题,找小数处理的库可以搜索“number”,找滚动库可以搜索“scroll”,找动态滚动的任务组件可以搜索“time line”:
image.png
然后就可以进入需要的类别里面进行查看了。可以根据语言框架过滤条件排序方式来对数据进行过滤、排序:
image.png
可选的框架有很多:
image.png
支持根据用户对库的评分、Github最少Stars数量、最后提交时间、是否使用TS定义、是否支持Tree Shaking、是否被弃用来筛选结果:
image.png

分类

当然,我们也可以根据分类去查找库,只需从主页进入库的分类页面:
image.png
Openbase中 有超过 500 多个类别的包,分类也支持通过语言、框架进行筛选,当然也可以直接搜索:
image.png

详情

进入库的详情页面就能看到库的概述、文档、教程、评论、数据、依赖项、版本、备选方案:
image.png
在数据中可以看到下载趋势、Github Stars趋势、提交趋势、版本趋势、维护者等详细信息:
image.png
在评论中有用户对该库从多个维度进行的评分:
image.png

热门库

如果你想看看有哪些优秀的开源库,可以在主页最下面来打开最热门的库:
image.png
打开热门的 JavaScript 库,Top 1 的库 debug 竟然每周下载量超过 1.6 亿!
image.png
更多功能等着你去探索!