独立提示词生成页 · L2
PROMPT L2增量提示词输出
一次只实现一个功能,保留最小改动。 增量验证:只运行本次新增功能。 点击本页即可运行,不依赖课程 Wiki。
只实现“只实现读取第一个单词对象并渲染卡片”这一项功能,保留已有结构,不引入外部库。先说明会修改哪些变量/函数,再给最小可运行代码和 3 个测试用例。
网页入门 · 专题 02
英语单词学习站①
单词卡片与中英切换。用同一份题库数据驱动不同的界面显示。
作品工作台:单词卡片与中英切换
选择单词并切换英文/中文,卡片同步更新。 这是一个可直接操作的离线小作品,用来验证提示词和代码修改。
先操作作品,再把结果写进测试表。
提示词版本对比
帮我做一个英语单词网站。
为小学四年级做离线单页单词卡,先输出 10 个动物词汇的数据结构、页面区块和验收清单。
只实现读取第一个单词对象并渲染卡片,解释数组、对象和 click 事件的关系。
切换中英按钮后例句没有变化,请先判断字段或状态问题,再给最小补丁。
每个链接都进入由对应完整提示词生成的独立网页。请打开后实际操作,再把输出差异和验证证据写进学习档案。
学习大纲
- 数组、对象、DOM、按钮事件
- 用同一份题库数据驱动不同的界面显示。
- 完成:选择单词并切换英文/中文,卡片同步更新。
学习过程
- 检查词库字段
- 实现静态卡片
- 加入语言切换事件
- 测试长单词和缺少例句
- 比较数据驱动与复制 HTML
实验与反思
- 增加第 11 个词时哪种写法更容易?
- 哪些释义或例句需要人工核对?
反思出口卡
哪个提示词改动最有效?AI 哪一点需要验证?你自己新增了什么规则?下一次只改一个变量,你会选什么?
增量提示词输出 · 增量改动版
一次只实现一个功能,保留最小改动。 只打开一个小功能,便于解释、测试和回归。
改动文件:本页
改动范围:一个功能
回归测试:主流程 + 边界
尚未运行增量功能。