✅ 在线待办事项

轻量本地清单:添加、勾选、筛选与清除已完成,数据保存在当前浏览器。

0 项未完成

待办事项完整使用指南

「待办事项」是本地轻量清单:每条任务有 id(时间戳)、text(任务文案)、completed(是否完成)。数据保存在 localStoragetodos。页面提供添加、勾选完成、筛选(全部/未完成/已完成)、单条删除、批量清除已完成,以及底部“N 项未完成”统计。任务文案渲染前会经 escapeHtml 转义,降低 HTML 注入风险。它适合“今天要做完哪些事”,不适合“每天重复打卡”。

界面与真实操作对应关系

推荐工作流

  1. 早上先写下今天必须完成的 3 件事,保持条目短而可执行。
  2. 做完就点左侧方框勾选;需要专注未完成时切到「未完成」筛选。
  3. 复盘时切到「已完成」查看成果,再点「清除已完成」保持清单干净。
  4. 过期或取消的任务用「×」删除,避免和真实待办混在一起。
  5. 若任务其实是每日习惯,请改放到习惯追踪,避免待办无限膨胀。

适用场景

边界与限制

常见问题

空任务能添加吗?

不能。 addTodo() 会对输入 trim(),空字符串直接 return。

和习惯追踪如何选择?

一次性事务用待办;每天重复的行为用习惯追踪。例如「提交周报」是待办,「每天写日记」是习惯。

任务里写 HTML 会执行吗?

展示时通过转义处理,通常会当纯文本显示,而不是当标签执行。

「清除已完成」能撤销吗?

不能。执行后立即写回 localStorage,页面无撤销栈。

数据存在哪?

当前站点源下的浏览器本地存储键 todos,不会作为任务内容上传到服务器逻辑中。

为什么刷新后筛选又回到“全部”?

因为筛选条件没有持久化,只保存在页面运行时的 filter 变量里;任务数据本身仍会保留。

实用技巧与排错

写任务时尽量用“动词 + 对象 + 完成标准”,例如「提交发票报销单(含附件)」比「报销」更容易勾选完成。若列表突然变空,先确认是否点过「清除已完成」或清过站点数据;筛选切到「全部」后再看。同一浏览器多标签同时编辑时,后写入的 todos 会覆盖先写入的版本,建议只开一个标签操作。需要跨设备时,请自行复制文本备份,本页没有导出按钮。

和本站其他工具如何配合

深度工作可先用番茄钟计时,再用本页勾任务;每日重复事项请放到习惯追踪。字数很长的说明可先在字数统计页检查,再拆成多条短待办,避免一条任务过大导致迟迟不开始。