一个零依赖前端 MVP,覆盖三块核心能力:
- 学习模块(按场景学习词语)
- 场景挑战(10题闯关)
- 进度统计(掌握分层 + 薄弱词)
- 场景:家庭、学校、超市、交通、自然社区(共5个场景)
- 词库:200词(每个场景40词)
- 字库:100字(用于启蒙覆盖)
- 学习流程:词卡 -> 听读音 -> 学会打标 -> 学习后小练习
- 挑战流程:每轮10题,正确率>=70%判定通关
- 挑战题型:场景选词 + 听音选词 + 看图选字
- 插画素材位:学习卡片和看图题都带可替换插画位(当前使用 emoji 占位)
- 进度数据:本地 localStorage 持久化
- 初始只解锁前 20 词
- 每批 20 词,共 10 批解锁完 200 词
- 解锁规则:当前已解锁词中,达到“已掌握”的词数 >= 60% 时,自动或手动解锁下一批
- “已掌握”判定:某词练习记录达到 5 次以上且正确率 >= 80%
- 页面上可看到:
- 已解锁词数量
- 当前已掌握数量 / 下一批解锁所需数量
在项目目录启动静态服务:
cd /Users/will/Desktop/character
python3 -m http.server 8000浏览器访问:
- 词库位置:
app.js中SCENE_PACKS - 可逐步扩充到 100字/200词 或 200字/400词
- 可新增题型:看图选字、句子补全、词语配对
- 可新增能力:账号体系、云端学习记录、家长周报
- 听读音使用浏览器
speechSynthesis,属于轻交互版本(无语音评分)。 - 当前未引入后端,适合先做教学流程验证和小范围试用。
- 尝试修改