✅ 在线待办事项

待办事项完整使用指南

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

界面与真实操作对应关系

• 输入框 placeholder 为「添加新任务...」，点「添加」或按 Enter 调用 addTodo()。
• 筛选按钮：setFilter('all'|'active'|'completed')，只影响显示，不删除数据。
• 左侧方框：toggleTodo(id) 切换完成状态；完成项带删除线样式。
• 右侧「×」：deleteTodo(id) 删除单条。
• 「清除已完成」：保留未完成，过滤掉 completed === true 的项。
• 空列表时显示「暂无任务」；底部实时显示未完成数量。

推荐工作流

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

适用场景

• 个人今日待办、购物清单、学习任务拆解
• 会议中快速记录 action items（会后逐项勾掉）
• 不想注册 Todo 应用，只在当前浏览器暂存任务
• 把大任务拆成多条短任务，降低启动阻力

边界与限制

• 没有截止日期、优先级字段、子任务或提醒推送。
• 没有云同步；换设备不会自动带上 todos。
• 清除站点数据会丢失全部任务。
• 筛选状态存在内存变量 filter，刷新后回到默认「全部」。
• 没有拖拽排序、标签分组或共享协作。

常见问题

空任务能添加吗？

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

和习惯追踪如何选择？

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

任务里写 HTML 会执行吗？

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

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

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

数据存在哪？

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

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

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

实用技巧与排错

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

和本站其他工具如何配合

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