推荐一个前端技术选型神器!真好用~

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外:目前建有江西|湖南|湖北籍前端群,可加我微信进群。

最近经常在群里看到类似的问题:

d85c44bc737b5b87033b642bc857a4b8.pngf390ed4cb5e221f7671ca7b711cfb0a0.png

看到之后都会推荐大家使用 Openbase 去搜合适的库。那 Openbase 是个啥,它有什么特别之处,又是如何使用的,下面就来详细介绍一下 Openbase。

本文不含任何商业推广,纯安利!

Openbase

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

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

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

搜索

进入Openbase 官网的第一眼就是一个很大的搜索框:

1875ca05c61bcac37e78fda46afaec1a.png

只需在其中输入所需的库的类别即可(英文关键词),比如文章最开始的三个问题,找小数处理的库可以搜索“number”,找滚动库可以搜索“scroll”:

3a2722dc42c1635bc763e7b5cdf37770.png

然后就可以进入需要的类别里面进行查看了。可以根据语言框架过滤条件排序方式来对数据进行过滤、排序:

530d5a740c4f2002b6d8418148ba08a4.png

可选的框架有很多:

cb91c147537603d444accb14e04679d0.png

支持根据用户对库的评分、Github最少Stars数量、最后提交时间、是否使用TS定义、是否支持Tree Shaking、是否被弃用来筛选结果:

ea1c8a11a5813366cc3ad0c87ba46f66.png

分类

当然,我们也可以根据分类去查找库,只需从主页进入库的分类页面:

26fdf2569a81e587a3c3b1d30767fa72.png

Openbase 中有超过 500 多个类别的包,分类也支持通过语言、框架进行筛选,当然也可以直接搜索:

102da5ff30010a505f8fc79b0bcaea41.png

详情

进入库的详情页面就能看到库的概述、文档、教程、评论、数据、依赖项、版本、备选方案:

5879b7d160175f4f192b5f56fb085aa8.png

在数据中可以看到下载趋势、Github Stars趋势、提交趋势、版本趋势、维护者等详细信息:

79848032a76f4f21fd53d21af97b26e6.png

在评论中有用户对该库从多个维度进行的评分:

0c97d18386be1a1d624ef03e3ce051b6.png

热门库

如果你想看看有哪些优秀的开源库,可以在主页最下面来打开最热门的库:

4843016b066223b718970705dd6b59e3.png

打开热门的 JavaScript 库,Top 1 的库 debug 竟然每周下载量超过 1.6 亿!

46ebeca2beb576a4daa731c03122cbe4.png

今天的分享就到这里,更多功能等着你去探索!

736ea277dca215b5753f67a68b350fae.gif

················· 若川简介 ·················

你好,我是若川,毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》20余篇,在知乎、掘金收获超百万阅读。
从2014年起,每年都会写一篇年度总结,已经坚持写了8年,点击查看年度总结。
同时,最近组织了源码共读活动,帮助4000+前端人学会看源码。公众号愿景:帮助5年内前端人走向前列。

c31d6c96da8ff832b4791250f3d97e02.png

扫码加我微信 ruochuan12、拉你进源码共读

今日话题

目前建有江西|湖南|湖北 籍 前端群,想进群的可以加我微信 ruochuan12 进群。分享、收藏、点赞、在看我的文章就是对我最大的支持~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274655.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

静态原型设计 加载中_见解1:原型设计有助于填补静态设计留下的空白。

静态原型设计 加载中In April 2015, I joined the Disney Parks creative team to design mobile experiences for the happiest place on Earth. I learned a lot from a diverse group of humble, creative, and smart people.2015年4月,我加入了迪士尼公园创意团…

最优资产组合步骤_重新设计投资组合网站之前,请按照以下5个步骤进行操作

最优资产组合步骤The portfolio website is one of the most important assets for a designer. Without it, it can be tough to find your next job or client.作品集网站是设计师最重要的资产之一。 没有它,很难找到下一份工作或客户。 The temptation is high …

裁员潮之下,13次面试拿下字节前端岗offer!

|前言很多粉丝私信,这两个月求职没有往年那么好跳,还有不少粉丝已经收到公司的“优化”通知下面分享一位粉丝的最近的面试经历,在疫情裁员潮的环境下,经历了成长、膨胀、闭关打磨等一系列的跌宕起伏,最终拿下字节总包5…

hdu 1754/zstu 3121 I Hate It(线段树)

http://acm.hdu.edu.cn/showproblem.php?pid1754 http://acm.zstu.edu.cn:8080/JudgeOnline/showproblem?problem_id3121 (1)线段树的基本操作:建树,查询,更新。 (2)重新写一遍时,…

sketch放入app组件_使用Sketch App设计CSS网格

sketch放入app组件首先定义您的网格 (Start by defining your grid) Sketch has 2 built-in layout features — Layout and Grid. In most cases, layout is a great way to organize content on a typical website utilizing a 12 column grid. However for this exercise we…

鲜为人知的CSS实用技巧

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

猎鹰spacex_我如何重新创建SpaceX仪表板UI

猎鹰spacexA couple of weeks ago, SpaceX Crew Dragon launched from Kennedy Space Center to transport astronauts Robert L. Behnken and Douglas G. Hurley to the ISS. Lots of things were revolutionary about this launch, but the one that caught my attention was…

Base64 编码原来这么简单

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

spring事物 设计模式_是什么使事物变得美丽,以及如何在设计中使用它

spring事物 设计模式What do you think about the phrase “beautiful design”? You like it, don’t care or does it make you wince?w ^帽子你想想那句“美丽的设计”? 您喜欢它,不在乎还是让自己畏缩了? For many, “beautiful” is …

历时一个月!50+Vue经典面试题详解,值得收藏!

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

页面滚动时触发图片逐帧播放_如何在滚动效果上创建逐帧运动图像

页面滚动时触发图片逐帧播放A step by step guide on how to create that dynamic image background you see everywhere.有关如何创建随处可见的动态图像背景的逐步指南。 内容 (Content) Introduction 介绍 Result demo 结果演示 Prerequisite 先决条件 Step by step guide …

前端监控的搭建步骤,别再一头雾水了!

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

1812:网格_指导设计:网格的历史

1812:网格The grid has long played a central role in the development of art and design due to its organizational nature; acting as a matrix for controlling the placement of elements. In art: Foreground and background. In design: Image and type. And so on.网…

HDU ACM 1728 逃离迷宫 (广搜BFS)

http://acm.hdu.edu.cn/showproblem.php?pid1728 题意:给出一张图,转弯数k,起点(x1,y1),(x2,y2)判断能不能最多只转k个弯时从起点走到终点 输入时注意起点与终点是先y后x的 思路:用point[4][2]表示方向向量,每次遍历遍历一行或者一列,遍历时要注意遇到遍历过的点要跳过去,继续…

Element使用的async-validator表单校验库源码超详细解析

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

从零手写 Vue 之响应式系统

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

WPF 分页控件应用

效果图&#xff1a; 前台代码&#xff1a; <UserControl x:Class"Layout.UI.Comm.Pager"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:mc"http:/…

李宁品牌重塑_迈伊多品牌重塑的幕后

李宁品牌重塑This post was originally published on the Maido blog.这篇文章最初发表在 Maido博客上 。 You might notice that we’ve had a little facelift at Maido. Or you might not — and that’s totally fine. What we launched at the end of last year was not r…

搭建前端监控,如何采集异常数据?

大家好&#xff0c;我是若川。持续组织了近一年的源码共读活动&#xff0c;感兴趣的可以 点此加我微信ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…

产品经理如何提高创造力_如何提高产品设计师的创造力

产品经理如何提高创造力When David Kelley, Bill Moggridge, and Mike Nuttall founded IDEO, a consulting firm that would become one of the most innovative companies of the late 90s, they brought a new perspective in product development.当大卫凯利(David Kelley)…