免费 · 无需登录 · 完整源码

做一个真正可用的
个人任务看板。

从需求、实现到验收,体验一次完整的项目练习。成果是一个能在浏览器运行、保存任务并导出备份的小工具。它是本站教学示例。

打开可操作演示 ↗下载完整源码下载起始文件

验收手机与错误场景

一张可重复执行的验收表

1. 空输入和全空格输入不能创建任务。 2. 100 个字符可以保存,超出限制应被拒绝。 3. 带 HTML 标签的文本原样显示。 4. 删除前出现确认,取消后任务仍在。 5. 刷新后任务和完成状态保持不变。 6. 导出文件与当前列表一致。 7. 手机窄屏没有横向滚动,按钮可点击。 8. 键盘可以到达输入、提交、完成和删除操作。

向 AI 报错的方法

提供最短复现步骤、预期结果、实际结果,以及去掉敏感信息的错误消息。要求先解释原因,再给出最小修改。不要仅说“它坏了”,也不要每次都重写整个项目。

本课练习

用自己的标题、长文本和特殊字符执行这张清单。记录至少一个你发现并修复的问题,保留修改前后的对比。

可选:允许记录匿名体验步骤,帮助改进教程。不会上传练习内容。