独立提示词生成页 · L3
PROMPT L3诊断提示词输出
提供环境、复现步骤、期望、实际和错误信息。 诊断验证:运行回归测试并记录结果。 点击本页即可运行,不依赖课程 Wiki。
环境是 Chrome 单页 HTML。只实现错题记录和刷新后恢复出现问题。复现步骤、期望、实际和错误信息如下:……请先判断最可能的原因,再给最小补丁、回归测试和仍需人工验证的风险。不要上传学习记录;外部发音服务不可用时必须能继续学习
网页入门 · 专题 04
学习错题本
可保存的学习记录。让作品从能运行变成可以持续记录和复习。
作品工作台:可保存的学习记录
添加一条错题,刷新页面仍能看到记录并可清空。 这是一个可直接操作的离线小作品,用来验证提示词和代码修改。
先操作作品,再把结果写进测试表。
提示词版本对比
帮我做一个错题本。
为学生设计错题记录、本地保存、键盘操作和空状态的验收清单。
只实现错题数组和 localStorage 读写,并解释什么时候保存、什么时候清空。
刷新后错题重复出现,请给出数据格式检查和最小修复,不要重写页面。
每个链接都进入由对应完整提示词生成的独立网页。请打开后实际操作,再把输出差异和验证证据写进学习档案。
学习大纲
- localStorage、响应式 CSS、可访问性
- 让作品从能运行变成可以持续记录和复习。
- 完成:添加一条错题,刷新页面仍能看到记录并可清空。
学习过程
- 设计记录字段
- 保存与读取
- 加入清空错题
- 测试刷新和空状态
- 测试键盘与窄屏
实验与反思
- 本地保存了什么信息?哪些信息不应该保存?
- 如果浏览器禁用存储,页面如何降级?
反思出口卡
哪个提示词改动最有效?AI 哪一点需要验证?你自己新增了什么规则?下一次只改一个变量,你会选什么?
诊断提示词输出 · 回归测试版
提供环境、复现步骤、期望、实际和错误信息。 先复现,再给最小补丁;这里保留一份可执行测试清单。
已通过 0 项测试。