待办事项清单

这是一个极简的待办事项清单:输入一件事,按回车或点「添加」放进列表,做完后点前面的方框打勾,不需要的可以删除(删除前会让你确认),写错了可以直接编辑。所有事项保存在你自己浏览器的本地存储(localStorage)里,下次打开同一个浏览器还能看到。需要事先说明的是,它没有账号、没有云同步、没有提醒通知、没有截止日期、没有分类标签,也不能拖动排序。它适合记录当天的几件小事,不适合管理复杂的项目。

操作步骤

1. 在顶部的输入框里输入待办内容,按回车键或点击右边的「添加」。内容为空或只有空格时不会添加。新事项会出现在列表最上面。
2. 完成一件事后点击它左边的方框,方框变成实心并出现对勾,文字变灰并加上删除线。再点一次可以恢复为未完成。
3. 用「全部」、「未完成」、「已完成」三个筛选按钮切换查看范围。某个分类下没有事项时,会显示「这个分类下暂时没有事项」;整个清单为空时显示「还没有待办事项,添加第一条试试」。
4. 点击事项右边的铅笔图标,或者双击事项文字,可以就地修改:按回车或点对勾保存,按 Esc 或点叉号放弃;改成空内容则不保存,保留原文字。点击垃圾桶图标时,这一行会先变成「删除?是 / 否」,点「是」才真正删除,点「否」取消;删除后不能撤销。
5. 当至少有一条已完成事项时,右上方会出现「清除已完成(N)」,点击后这里会变成「清除 N 项已完成?是 / 否」,点「是」才会一次性删除所有已完成的事项,点「否」取消;N 是已完成的数量。

一个实际例子

假设你早上要处理三件事。依次输入「回复客户邮件」、「订下周会议室」、「给爸妈打电话」,每输入一条按一次回车。因为新事项排在最上面,列表从上到下是「给爸妈打电话」、「订下周会议室」、「回复客户邮件」。邮件回复完后,点它左边的方框打勾,它变灰并带删除线,同时右上角出现「清除已完成(1)」。此时点「未完成」,只会显示还剩的两件事;点「已完成」只显示邮件那一条。下班前点「清除已完成(1)」,在出现的「清除 1 项已完成?」里点「是」把它清掉,剩下的两条留在清单里,明天打开页面依然在。这是对功能的操作演示,没有用到任何统计数据。

数据存在哪里,会保留多久

事项以 JSON 文本的形式保存在浏览器 localStorage 的 toolbox-todo-list 这一项里,每次你添加、打勾、删除后都会自动写入,不需要点保存。只要你没有清除这个网站的浏览数据,事项就会一直保留,不受刷新页面或关闭浏览器的影响。这些数据只存在于这一个浏览器的这一个站点下,不会上传。

支持范围与已知限制

• 数据只存在本机本浏览器里。换电脑、换浏览器、使用无痕/隐私模式,或者清除了浏览器的站点数据后,之前的事项就看不到了。手机和电脑之间不会同步。
• 在无痕模式或禁用了本地存储的浏览器中,页面仍然可以使用,但事项刷新后不会保留(代码在存储失败时会忽略错误,不会弹出提示)。
• 可以编辑事项文字(铅笔图标或双击),但编辑时只能修改文字,不能改变完成状态之外的其他属性,也没有修改历史。
• 不能排序、拖动、设置优先级、截止日期、提醒或分组。新事项总是加在最上面,已完成的事项也不会被自动移到底部。
• 单条删除有「删除?是 / 否」的确认,「清除已完成」也有「清除 N 项已完成?是 / 否」的确认;确认后删除都不能撤销。
• 事项文字没有长度限制,过长的内容会撑高这一行的显示;输入时前后空格会被去掉,相同的内容可以重复添加。
• 在同一个浏览器里同时打开多个标签页使用时,各标签页不会实时同步;以最后一次写入为准,可能互相覆盖。建议只开一个标签页使用。
• 浏览器对 localStorage 有容量限制(通常几 MB),对于普通待办清单足够,但不适合存放大量内容。

常见问题:关闭浏览器后事项还在吗?

在。数据保存在本地存储里,和浏览器是否关闭无关。会让数据消失的情况只有:清除了该网站的浏览数据(例如在浏览器设置里选择清除站点数据或 Cookie 与缓存时勾选了它)、使用无痕模式、浏览器被卸载或重置,以及换了另一个浏览器或设备。如果清单很重要,请定期把内容手抄或复制备份到别处。

常见问题:为什么在手机上看不到电脑上的待办事项?

因为没有云端账号。数据只属于当前设备的当前浏览器,手机和电脑各自有一份完全独立的清单。这是有意保持的简单设计,也意味着你的待办内容不会被上传到服务器。

常见问题:误删了事项能找回吗?

不能。删除、清除已完成一旦执行就立即生效,工具没有回收站或撤销功能。单条删除和「清除已完成」都有「是 / 否」确认,但确认之后无法撤销,重要事项请在操作前再看一眼。

常见问题:「清除已完成」会不会把没做完的也删掉?

不会。它只删除已经打勾的事项,未完成的事项保留。按钮上的数字就是将被删除的数量,点击后还会再让你确认一次。

隐私与处理方式

清单的读写都发生在你的浏览器里。代码只使用 localStorage 保存数据,没有向任何服务器发送你的待办内容,也没有账号体系。因此任何能使用同一浏览器账户的人,都可能看到你保存的内容;如果在公共电脑上使用,请记得删除事项或清除站点数据。