独立提示词生成页 · L2
PROMPT L2增量提示词输出
一次只实现一个功能,保留最小改动。 增量验证:只运行本次新增功能。 点击本页即可运行,不依赖课程 Wiki。
只实现“只实现错题记录和刷新后恢复”这一项功能,保留已有结构,不引入外部库。先说明会修改哪些变量/函数,再给最小可运行代码和 3 个测试用例。
网页入门 · 专题 04
学习错题本
可保存的学习记录。让作品从能运行变成可以持续记录和复习。
作品工作台:可保存的学习记录
添加一条错题,刷新页面仍能看到记录并可清空。 这是一个可直接操作的离线小作品,用来验证提示词和代码修改。
先操作作品,再把结果写进测试表。
提示词版本对比
帮我做一个错题本。
为学生设计错题记录、本地保存、键盘操作和空状态的验收清单。
只实现错题数组和 localStorage 读写,并解释什么时候保存、什么时候清空。
刷新后错题重复出现,请给出数据格式检查和最小修复,不要重写页面。
每个链接都进入由对应完整提示词生成的独立网页。请打开后实际操作,再把输出差异和验证证据写进学习档案。
学习大纲
- localStorage、响应式 CSS、可访问性
- 让作品从能运行变成可以持续记录和复习。
- 完成:添加一条错题,刷新页面仍能看到记录并可清空。
学习过程
- 设计记录字段
- 保存与读取
- 加入清空错题
- 测试刷新和空状态
- 测试键盘与窄屏
实验与反思
- 本地保存了什么信息?哪些信息不应该保存?
- 如果浏览器禁用存储,页面如何降级?
反思出口卡
哪个提示词改动最有效?AI 哪一点需要验证?你自己新增了什么规则?下一次只改一个变量,你会选什么?
增量提示词输出 · 增量改动版
一次只实现一个功能,保留最小改动。 只打开一个小功能,便于解释、测试和回归。
改动文件:本页
改动范围:一个功能
回归测试:主流程 + 边界
尚未运行增量功能。