Appearance
Chris Word LearnCET-4 · 章节练习
practice
/ˈpræktɪs/ · 练习;实践
prac
输入速度准确率练习进度
它解决什么问题
我希望有一个足够轻、改起来足够快的练词页面,既能保留沉浸式输入体验,也能按自己的学习场景随时替换词库。
适合谁使用
想练英文单词拼写、需要离线可用练词页、想快速扩展自己词库的人。
它如何工作
选择词库
支持 CET-4、CET-6、考研和 JavaScript Array 等词库。词库配置与练习逻辑分开管理,方便按学习目标替换内容。
- 输入
- 内置词库或自己的 JSON 词库
- 产出
- 对应学习场景的练习内容
使用方式
Chris Word Learn 是一个轻量的静态练词网站,延续 qwerty-learner 风格的输入体验。选择词库与章节后,用键盘输入单词,完成拼写后自动推进。练习过程中可以查看输入速度、准确率和当前进度。
项目使用 HTML、CSS 和 JavaScript 实现。可以从 GitHub 仓库 获取源码,在自己的环境中打开使用,并按学习目标调整词库。
内置词库包括 CET-4、CET-6、考研和 JavaScript Array,也支持在本地 dicts/*.json 中补充内容。单词朗读使用浏览器原生的 SpeechSynthesis,实际可用的英语声音由浏览器与系统提供。
为什么这样设计
我希望练词这件事足够轻:打开页面就能开始练,不需要为了换一份词库重新搭建环境,也能随时调整练习交互。
所以,这个项目把内容与练习逻辑分开管理。words.js 管理词库配置,独立 JSON 文件保存词库,core.js 负责核心练习逻辑。词库按固定章节长度拆分,方便把一次练习控制在适合自己的规模。
统计、输入状态与词库资源逻辑有 node:test 测试覆盖。页面保留本地词库加载和远程回退地址;本地资源齐备时,可以按自己的节奏进行练习。
当前范围与后续方向
当前已经支持单词输入、自动推进、英语朗读、章节切换,以及 WPM、准确率和进度统计。WPM 将输入字符按每 5 个字符折算为一个标准词,用来衡量每分钟的输入速度。
我接下来更想完善学习记录、复习节奏与章节管理,让它从一页练习工具逐步变成自己的学习工作台。
技术实现:HTML + CSS + JavaScript、浏览器 Web Speech API。