新功能 | 题单侧边栏 | 力扣 Chrome 浏览器扩展
6546
2023.01.03
2023.01.03
发布于 未知归属地

项目地址 https://github.com/XYShaoKang/refined-leetcode

扩展详细介绍见帖子 「分享 | 力扣 Chrome 浏览器扩展 | 比赛排名页显示预测积分 | 答题自动计时 | 首页黑名单


这次更新了一个新功能,在题库页和题单页加了个侧边栏,方便浏览和管理题单。

这个功能源自于 新版答题页彩蛋 的发现,当从某个题单页点击题目进入到答题页时,答题页顶部导航的名称会从「题库」变成对应题单的名称,并且上一题下一题的切换会在这个题单内部进行切换。

我觉得如果能够创建自定义题单,搭配这个功能会很适合用来进行一些特殊的训练,比如像随机刷题、复习、思维提升之类的训练,一般都是需要找到一堆题目,然后在一段时间内持续的刷题训练,以到达想要的目标。

只是当时我没有发现能够自定义题单的方式,后面经过研究发现,力扣有一个收藏夹功能,我们可以创建收藏夹,以及将题目添加到某个收藏夹中,而这个收藏夹其实就是题单功能。

平常没怎么用过收藏夹这个功能,所以之前没怎么了解,虽然收藏夹的页面上就写着题单两个字,但如果没有进到收藏夹页面的话,确实很难直接把收藏夹跟题单联系到一块😅。

不过目前收藏夹用起来不是很方便,一个是功能的入口比较分散,比如创建收藏夹的入口在答题页,而要管理自己创建的收藏夹,需要从收藏夹页面点击其中的一个收藏夹跳转到另外一个页面去管理等等;另外一个是没有比较方便的的方式去打开自己的创建的题单,目前我了解的路径是从 收藏夹 -> 题目收藏 -> 选到对应的收藏夹 -> 点击公开按钮 -> 点击分享按钮 然后才能获取到这个收藏夹对应题单的 url。

感觉整体的使用体验比较繁琐。于是我想着把这些功能都整合在一块,直接在一个地方就能完成「自定义题单」相关的操作,这样会方便很多。然后花了些时间,开发了「题单侧边栏」功能,优化了相关的操作体验,把在「审核中」这样的状态可视化。这个侧边栏我放在题库页和题单页的「精选题单」这一栏的上面,默认是折叠的,如果有需要可以「通过鼠标点击展开」。

题库页侧边栏位置

题单页侧边栏位置

我把所有题单分为三类,一是自己创建的「自定义的题单」,二是「收藏的第三方题单」,三是「官方题单」。其中只有「自定义题单」能够进行增删改查等操作,另外两类主要是浏览。

我发现其实官方题单还是有很多了,除了常见的精选题单的那几个外,还有十几个题单,包括一些专题和企业类的题单。

自定义题单中有一个比较特殊的默认题单 「Favorite」,这个题单不能删除和重命名,只能修改其是否公开。另外题单创建和每次修改名称之后,需要进行审核,在审核期间内不能进行修改,需要等审核结束,不过可以进行删除操作。

自定义题单的界面中包括了完整的对于题单的管理操作,包括新增一个新的题单删除题单编辑题单名称将题单修改为公开或者私有等,如下图所示

自定义题单.png

其中第一列的说明文字以及编辑删除按钮默认情况下处于隐藏状态。当鼠标移动到某一行的时候,会显示对应行的操作;当鼠标移动到问号处时,则会显示说明文字和所有操作图标。

自定义题单.png

所有操作的演示视频

获取视频信息中...


目前来说,仅仅实现了对「题单」本身的操作,接下去会尝试实现对于题单内部的题目进行更加便捷的操作,以方便后续去实现 新版答题页彩蛋 这个帖子中的脑洞。比如批量添加自己已经刷过的题到题单中以方便复习,或者是按照标签以及难度分等条件进行筛选后的题目添加到题单中等等。

最后欢迎大家安装体验和反馈~

评论 (3)