网页入门 · 专题 04
学习错题本
可保存的学习记录。让作品从能运行变成可以持续记录和复习。
作品工作台：可保存的学习记录
添加一条错题，刷新页面仍能看到记录并可清空。 这是一个可直接操作的离线小作品，用来验证提示词和代码修改。
先操作作品，再把结果写进测试表。
提示词版本对比
帮我做一个错题本。
为学生设计错题记录、本地保存、键盘操作和空状态的验收清单。
只实现错题数组和 localStorage 读写，并解释什么时候保存、什么时候清空。
刷新后错题重复出现，请给出数据格式检查和最小修复，不要重写页面。
每个独立作品都应打开后实际操作，再把输出差异和验证证据写进学习档案。
学习大纲
- localStorage、响应式 CSS、可访问性
- 让作品从能运行变成可以持续记录和复习。
- 完成：添加一条错题，刷新页面仍能看到记录并可清空。
学习过程
- 设计记录字段
- 保存与读取
- 加入清空错题
- 测试刷新和空状态
- 测试键盘与窄屏
实验与反思
- 本地保存了什么信息？哪些信息不应该保存？
- 如果浏览器禁用存储，页面如何降级？
反思出口卡
哪个提示词改动最有效？AI 哪一点需要验证？你自己新增了什么规则？下一次只改一个变量，你会选什么？