✅ 在线待办事项
轻量本地清单:添加、勾选、筛选与清除已完成,数据保存在当前浏览器。
0 项未完成
轻量本地清单:添加、勾选、筛选与清除已完成,数据保存在当前浏览器。
「待办事项」是本地轻量清单:每条任务有 id(时间戳)、text(任务文案)、completed(是否完成)。数据保存在 localStorage 键 todos。页面提供添加、勾选完成、筛选(全部/未完成/已完成)、单条删除、批量清除已完成,以及底部“N 项未完成”统计。任务文案渲染前会经 escapeHtml 转义,降低 HTML 注入风险。它适合“今天要做完哪些事”,不适合“每天重复打卡”。
addTodo()。setFilter('all'|'active'|'completed'),只影响显示,不删除数据。toggleTodo(id) 切换完成状态;完成项带删除线样式。deleteTodo(id) 删除单条。completed === true 的项。todos。filter,刷新后回到默认「全部」。不能。 addTodo() 会对输入 trim(),空字符串直接 return。
一次性事务用待办;每天重复的行为用习惯追踪。例如「提交周报」是待办,「每天写日记」是习惯。
展示时通过转义处理,通常会当纯文本显示,而不是当标签执行。
不能。执行后立即写回 localStorage,页面无撤销栈。
当前站点源下的浏览器本地存储键 todos,不会作为任务内容上传到服务器逻辑中。
因为筛选条件没有持久化,只保存在页面运行时的 filter 变量里;任务数据本身仍会保留。
写任务时尽量用“动词 + 对象 + 完成标准”,例如「提交发票报销单(含附件)」比「报销」更容易勾选完成。若列表突然变空,先确认是否点过「清除已完成」或清过站点数据;筛选切到「全部」后再看。同一浏览器多标签同时编辑时,后写入的 todos 会覆盖先写入的版本,建议只开一个标签操作。需要跨设备时,请自行复制文本备份,本页没有导出按钮。
深度工作可先用番茄钟计时,再用本页勾任务;每日重复事项请放到习惯追踪。字数很长的说明可先在字数统计页检查,再拆成多条短待办,避免一条任务过大导致迟迟不开始。