Todo List:手撸了一个「本地持久化」任务管理清单,已上架谷歌应用市场!欢迎体验和吐槽~

·  阅读 1688
Todo List:手撸了一个「本地持久化」任务管理清单,已上架谷歌应用市场!欢迎体验和吐槽~

本文涉及插件源码已开源,欢迎使用和 star。
Github:github.com/luxiangqian…

两种下载方式:下载地址1 下载地址2


Todo List - 任务清单 ✅

一个本地化的任务清单管理工具(A concise localization task list management tool)。

  • 📦 无需登录,开箱即用
  • ⚡️ 本地持久化管理,无需等待网络延迟
  • ⏰ 实时角标提醒待完成任务数量
  • 🎉 任务自定义拖拽排列
  • ⬇️ 任务完成,自动排后
  • ✍️ 快速编辑任务内容
  • 🧹 一键清空任务
  • 🛠️ 实现自定义标题
  • 🚀 谷歌账号一键同步
  • 👬 友好交互体验

介绍

作为一个电脑重度依赖使用者,无论是日常开发、学习和工作,基本都靠电脑完成。每天要做的任务列表基本通过 mac 自带便签的方式记录下来,但是后来发现便签对于我来说,在使用操作上还是有点鸡肋的。 所以想着通过自己手撸谷歌插件实现一个 ToDo List。

当然,在手撸之前也去市面上找过相关的插件,无论是app、pc还是插件形式,功能非常非常丰富,可以说是 ToDo List 的市场非常卷了,但是我个人的 需求非常简单,早上起来规划当前的任务,然后每完成一项之后直接划掉,到了晚上复盘当天做过的任务事项,也不需要做历史数据存储。

为什么说我称它为是一个本地化的任务清单管理工具呢?我发现市面上的 ToDo List 功能太多,就拿登陆来说,有时候由于网络延迟,登录半天都登陆不上,所以我在自己的 ToDo List 直接删除了登陆, 安装插件直接就可以创建任务,数据直接保存在本地,当天事情当天完成。

谷歌插件做 ToDo List 的一个好处就是用的时候点开,不用的时候直接自动隐藏,方便快捷,不用放太多的注意力在上边,可以说是一个简化版本的 ToDo List。

使用

1、下载

进入谷歌应用商店,搜索【Todo List - 任务清单】,点击添加至 Chrome。

ToDo List

2、安装

使用方式非常简单,下载安装插件后,点击右上角的扩展图标,然后点击固定按钮,就可以在插件栏显示了。

ToDo List

3、自定义标题

可在最上方输入自定义标题文字。

ToDo List

4、添加编辑任务事项

点击添加任务事项的按钮,添加你的第一个任务事项。输入任务事项,输入框失焦后则创建完成。(如有需要,可以双击任务事项可进行再次编辑)

ToDo List ToDo List

5、拖动排序

我们可通过将鼠标放在任务事项点击拖动进行任务排序。

ToDo List

6、实时显示待完成任务数量

在谷歌的扩展栏,图标右下角实时显示待完成任务事项的数量。

ToDo List

7、完成事项

完成事项后,直接对该事项进行打勾处理,会自动排序到最后。

ToDo List

8、删除任务事项

也可对任务事项进行删除操作,鼠标放在该任务文字上方,就会出现删除按钮。

ToDo List

9、一键清理

如果当天任务全部完成,即可进行一键清除(默认只清除完成事项)。

ToDo List

小结

虽然这款插件看起来非常简单,一个前端入门级选手就能做,但是在动手之前,还是让我对这款产品思考了很多,虽然不能保证能让每个人用的得心应手,但是最起码要保证和我有同样需求的用户使用起来不会棘手。

后续还会根据大伙儿反馈的问题不断优化和改进,感谢支持和使用!

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改