Skip to content
学习工具静态网站可体验

Chris Word Learn

用键盘练习英文拼写,按章节切换词库,实时查看速度和准确率。

查看 GitHub章节练习 · 输入统计
界面示意
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。