新手完整项目
任务流程与内容结构
先写成功路径、空状态和失败恢复，再画页面结构。
- 难度
- 入门
- 预计时间
- 45 分钟
- 最近验证
- 2026/9/21
这一节要完成什么
先写成功路径、空状态和失败恢复，再画页面结构。
先理解：为什么要学它
先写成功路径、空状态和失败恢复，再画页面结构。
跟着做
首次进入 → 看见空状态 → 添加记录 → 看见进度
失败：输入无效 → 就地提示 → 修改后成功
恢复：数据请求失败 → 保留已有记录 → 重试- 打开上一节项目并记录当前结果。
- 输入示例并完成：用纸面原型让别人完成核心任务，记录三处犹豫并修改文案或顺序。
- 改变一个输入，先预测再验证。
- 制造并修复典型错误：不要先画漂亮首页；先证明核心任务从入口到结果连得起来。
关键代码怎么读
- 先写成功路径、空状态和失败恢复，再画页面结构。
- 按输入、处理、输出三部分阅读代码。
- 用不同输入和边界情况验证。
常见错误：看到什么，检查什么
| 现象 | 检查方法 |
|---|---|
| 结果与预期不同 | 不要先画漂亮首页；先证明核心任务从入口到结果连得起来。 |
| 刷新后没有变化 | 保存文件，检查路径并阅读 Console 第一条相关错误。 |
自己完成一次
用纸面原型让别人完成核心任务，记录三处犹豫并修改文案或顺序。
完成后再看参考答案
重做并解释关键决定。检查：不要先画漂亮首页；先证明核心任务从入口到结果连得起来。
完成检查
- 我完成了本节要求的可见结果
- 我能解释关键代码的输入、处理和输出
- 我测试了正常、边界和错误情况