本项目是一套纯前端、零依赖、离线可用的 CET-6（大学英语六级考试）综合备考工具。所有应用均为独立 HTML 文件，双击即可在浏览器中打开使用，无需安装任何软件或依赖。
| 特性 | 说明 |
|---|---|
| 🎯 全流程覆盖 | 从词汇筛选 → 语境学习 → 听力训练 → 翻译准备，完整覆盖备考全链路 |
| 🔊 智能语音合成 | 基于 Web Speech API，支持男女声分离、语速调节、自动重试 |
| 📝 真实模拟 | 听力应用完整还原 CET-6 考试播放流程和答题体验 |
| 📊 数据驱动 | 所有学习数据均为本地 JSON/TXT 文件，完全掌控自己的学习进度 |
| 🖥️ 零配置 | 无需安装、无需构建、无需服务器，双击 HTML 即可开始学习 |
| 📱 响应式 | 适配桌面、平板、手机多种设备 |
本项目设计了一套完整的六级备考学习闭环：
┌─────────────────────────────────────────────────────────────┐
│ CET-6 备考全流程 │
├─────────────────────────────────────────────────────────────┤
│ │
│ ① 词汇筛选 ② 语境学习 ③ 听力训练 │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ 单词筛选 │ ────→ │ 句子播放 │ ────→ │ 听力练习 │ │
│ │ 应用 │ │ 应用 │ │ 应用 │ │
│ └──────────┘ └──────────┘ └──────────┘ │
│ │ │ │
│ ↓ ↓ │
│ 生词列表导出 生词高亮 + 答题练习 │
│ │
│ ④ 翻译准备 ⑤ 考试策略 │
│ ┌──────────┐ ┌──────────┐ │
│ │ 翻译单词 │ │ 技巧学习 │ │
│ │ 学习 │ │ 提示词 │ │
│ └──────────┘ └──────────┘ │
│ │ │ │
│ ↓ ↓ │
│ 高级表达替换 时间分配 + 答题策略 │
│ │
└─────────────────────────────────────────────────────────────┘
| 步骤 | 应用 | 目的 | 时间建议 |
|---|---|---|---|
| 1 | 单词筛选应用 | 从词汇表中筛出自己不认识的单词 | 每天 1-2 批（每批 10 词） |
| 2 | 句子播放应用 | 将生词放入句子中，四遍循环播放加深记忆 | 每天 15-30 分钟 |
| 3 | 听力练习应用 | 模拟真实听力考试，同时巩固生词 | 每天 1-2 套完整练习 |
| 4 | 翻译单词学习 | 掌握翻译高频词汇和基础→高级表达替换 | 考前集中复习 |
| 5 | 技巧学习 | 熟悉频率/程度/态度类词汇和考试策略 | 随时查阅 |
文件：CET-6 听力练习应用.html
最核心的应用，完整模拟 CET-6 听力考试体验。
| 功能 | 说明 |
|---|---|
| 模拟考试播放 | 对话 → 10 秒间隔 → 题目 1 → 10 秒间隔 → 题目 2…，完整还原真实考试节奏 |
| 单行独立播放 | 每段对话、每道题目都有独立的 🔊 播放按钮 |
| 男女声分离 | 女士台词用女声播放，男士台词用男声播放，模拟真实对话场景 |
| 生词高亮 | 可选导入生词列表，对话和题目中的生词自动以黄色背景高亮 |
| 在线答题 | 选择题作答，提交后实时显示正确答案、解析和得分 |
| 内容显隐 | 可一键隐藏/显示对话原文和题目文本，适配模考和精听两种模式 |
┌─────────────────────────────────────────────┐
│ 🎧 CET-6 听力练习应用 │
├─────────────────────────────────────────────┤
│ │
│ 📂 加载练习数据 📂 加载生词列表(可选) │
│ │
│ 👩 女声选择 [Microsoft Zira ▼] 🔊 试听 │
│ 👨 男声选择 [Microsoft David ▼] 🔊 试听 │
│ ⏱️ 语速: ● 0.75x ○ 1.0x ○ 1.25x │
│ │
│ ─── 对话内容 ─── │
│ W: [🔊] Have you heard about the new... │
│ M: [🔊] Yes, I think it's really... │
│ W: [🔊] That's exactly what I... │
│ │
│ [▶️ 完整播放] [⏹️ 停止] │
│ ████████████░░░░░░ 65% │
│ │
│ ─── 题目 ─── │
│ 1. What is the main topic of...? │
│ ○ A. ... ○ B. ... ○ C. ... ○ D. ... │
│ │
│ [提交答案] │
└─────────────────────────────────────────────┘
文件：单词筛选应用.html
高效的词汇量评估和生词筛选工具，帮助快速找出需要重点学习的单词。
| 功能 | 说明 |
|---|---|
| 批量展示 | 每批展示 10 个单词卡片，减少认知负担 |
| 点击标记 | 点击单词卡片标记为"不认识"（红色高亮），未点击的自动归为"已认识" |
| 发音播放 | 每个单词卡片配有 🔊 按钮，一键听取标准发音 |
| 增量学习 | 可导入上次保存的 known_words.txt，自动跳过已认识的单词 |
| 断点续学 | 导出的 remaining_words.txt 保存未处理单词，下次可继续 |
| 三文件导出 | 同时导出 known_words.txt、unknown_words.txt、remaining_words.txt |
| Fisher-Yates 洗牌 | 随机打乱单词顺序，确保每次学习顺序不同 |
┌─────────────────────────────────────────────┐
│ 📝 智能词汇筛选 │
├─────────────────────────────────────────────┤
│ │
│ 📁 选择词汇文件 ✓ 选择已认识单词文件(可选) │
│ 🔊 发音声音 [Microsoft Zira ▼] │
│ │
│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │word1│ │word2│ │word3│ │word4│ │word5│ │
│ │ 🔊 │ │ 🔊 │ │ 🔊 │ │ 🔊 │ │ 🔊 │ │
│ └─────┘ └─────┘ └─────┘ └─────┘ └─────┘ │
│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │word6│ │word7│ │word8│ │word9│ │word10│ │
│ │ 🔊 │ │ 🔊 │ │ 🔊 │ │ 🔊 │ │ 🔊 │ │
│ └─────┘ └─────┘ └─────┘ └─────┘ └─────┘ │
│ │
│ [✗ 标记为不懂] [→ 下一组] [💾 导出文件] │
│ │
│ 总计: 500 | 已知: 120 | 已显示: 30 │
│ 新认识: 25 | 不懂: 5 │
│ ████████░░░░░░░░ 6% │
└─────────────────────────────────────────────┘
文件：播放句子.html
将生词放入真实语境句子中，通过四遍循环播放模式（英-英-中-英）强化记忆。
| 功能 | 说明 |
|---|---|
| 四遍循环播放 | 每个句子自动播放：英文 × 2 → 中文 × 1 → 英文 × 1 |
| 男女声交替 | 英文朗读时男女声自动交替，增强听觉辨识力 |
| 中文翻译朗读 | 第三遍自动切换中文语音朗读翻译 |
| 自动滚动 | 播放过程中自动滚动到当前句子 |
| 单句播放 | 每个句子配有独立播放按钮，可单独精听 |
| 语速和停顿可调 | 支持调节朗读语速（0.5x-1.5x）和句间停顿（1-10 秒） |
┌─────────────────────────────────────────────┐
│ 🔁 句子播放学习 │
├─────────────────────────────────────────────┤
│ │
│ 📂 加载句子数据 │
│ 👩 女声 [Microsoft Zira ▼] 🔊 试听 │
│ 👨 男声 [Microsoft David ▼] 🔊 试听 │
│ 🗣️ 中文声音 [Microsoft Huihui ▼] 🔊 试听 │
│ ⏱️ 语速: 1.0x ⏸️ 句间停顿: 3 秒 │
│ │
│ [▶️ 全部播放] [⏹️ 停止] │
│ ████████░░░░░░░ 53% │
│ │
│ ┌───────────────────────────────────────┐ │
│ │ 1. [🔊] The abstract concept of... │ │
│ │ (abstract, concept) │ │
│ │ 抽象的概念…… │ │
│ └───────────────────────────────────────┘ │
│ ┌───────────────────────────────────────┐ │
│ │ 2. [🔊] She abandoned her plan... │ │
│ │ (abandoned) │ │
│ │ 她放弃了她的计划…… │ │
│ └───────────────────────────────────────┘ │
└─────────────────────────────────────────────┘
文件：翻译单词学习.html
一份精美的翻译高频词汇速查海报，展示基础表达到高级表达的替换。可直接打印或在浏览器中查阅。
| 功能 | 说明 |
|---|---|
| 五大词类 | 量词、形容词、名词、动词、固定搭配，共 80+ 条目 |
| 基础→高级 | 每条目对比展示基础表达和六级高级表达 |
| 点击复制 | 点击任意表格行即可复制高级表达到剪贴板 |
| 打印优化 | 内置打印按钮，@media print 样式自动隐藏非必要元素 |
| 金色高亮 | 高级表达以金色渐变背景突出显示，视觉辨识度高 |
| 分类 | 条目数 | 示例 |
|---|---|---|
| 量词 Quantifiers | 8 | a lot of → a great deal of |
| 形容词 Adjectives | 18 | important → significant |
| 名词 Nouns | 14 | result → consequence |
| 动词 Verbs | 26 | get → obtain / acquire |
| 固定搭配 Set Phrases | 15 | in my opinion → from my perspective |
六级考试高频技巧速查文档，包含：
| 板块 | 内容 |
|---|---|
| 频率副词 | 10 个副词（always → never）的百分比映射表 |
| 程度表达 | 四级递进体系（轻微/中等/强烈/极端），附例句 |
| 态度形容词 | 正面 → 中性 → 负面的线性光谱，按类别卡片化呈现 |
个人考试策略笔记，包含：
- 各题型得分分析与备考优先级
- 75 分钟考试时间详细分配方案（15:10-17:25）
- 听力/阅读/翻译/写作各部分的答题策略
Microsoft Natural TTS 语音名称参考列表，列出了 29 个女声和 31 个男声，方便在应用中选取合适的语音。
| 要求 | 说明 |
|---|---|
| 浏览器 | Chrome、Edge、Safari 等支持 Web Speech API 的现代浏览器 |
| 网络 | 首次使用需要联网下载语音数据，之后可离线使用 |
| 其他 | 无需安装任何软件、依赖或构建工具 |
- 双击打开
CET-6 听力练习应用.html - 点击 "📂 加载练习数据"，选择一个听力练习 JSON 文件（参见 数据格式说明）
- （可选）点击 "📂 加载生词列表"，选择一个生词 TXT 文件
- 在下拉框中选择女声和男声，点击 🔊 试听 确认声音
- 点击 "
▶️ 完整播放" 开始模拟考试，或逐行点击 🔊 单独播放 - 作答后点击 "提交答案" 查看得分和解析
- 双击打开
单词筛选应用.html - 点击 "📁 选择词汇文件"，选择一个词汇 TXT 文件（如
CET_4+6_edited.txt） - （可选）点击 "✓ 选择已认识单词文件"，导入之前的
known_words.txt - 在 10 个单词卡片中，点击自己不认识的单词（变为红色）
- 点击 "✗ 标记为不懂" 提交本批分类
- 重复上述步骤直到所有单词处理完毕，或点击 "💾 立即导出文件" 保存进度
- 双击打开
播放句子.html - 点击 "📂 加载句子数据"，选择一个句子练习 JSON 文件（参见 数据格式说明）
- 分别选择女声、男声和中文声音，点击试听确认
- 调整语速和句间停顿时间
- 点击 "
▶️ 全部播放" 开始四遍循环学习，或逐句点击 🔊 单独播放
- 双击打开
翻译单词学习.html - 浏览各分类的高级表达替换
- 点击任意表格行可复制高级表达到剪贴板
- 点击右下角 "🖨️ 打印" 按钮生成打印版
{
"title": "2024年6月六级听力真题 Section A",
"topic": "日常对话",
"context": "Two students are discussing...",
"dialogue": [
{"speaker": "W", "content": "Have you heard about the new policy?"},
{"speaker": "M", "content": "Yes, I think it's going to affect everyone."},
{"speaker": "W", "content": "That's exactly what I was thinking."}
],
"questions": [
{
"question": "What are the speakers mainly discussing?",
"options": {
"A": "A new campus policy",
"B": "A course schedule change",
"C": "A job opportunity",
"D": "A travel plan"
},
"answer": "A",
"explanation": "对话中两人围绕新政策展开讨论……"
}
]
}| 字段 | 类型 | 说明 |
|---|---|---|
title |
string | 练习标题 |
topic |
string | 话题分类 |
context |
string | 背景信息 |
dialogue |
array | 对话数组，speaker 为 "W"（女）或 "M"（男） |
questions |
array | 题目数组，含 question/options/answer/explanation |
[
{
"covered_words": ["abstract", "concept"],
"sentence": "The abstract concept of justice is difficult to define.",
"translation": "正义这个抽象概念很难定义。"
},
{
"covered_words": ["abandon"],
"sentence": "She abandoned her plan to study abroad.",
"translation": "她放弃了出国留学的计划。"
}
]| 字段 | 类型 | 说明 |
|---|---|---|
covered_words |
string[] | 本句包含的生词列表 |
sentence |
string | 英文句子 |
translation |
string | 中文翻译 |
纯文本格式，每行一个单词：
abandon
ability
abstract
academic
同词汇文件格式，每行一个单词，由单词筛选应用导出或手动创建。
CET-6学习/
├── CET-6 听力练习应用.html # 🎧 听力练习应用（模拟考试）
├── 单词筛选应用.html # 📝 词汇筛选应用（生词分类）
├── 播放句子.html # 🔁 句子播放应用（语境学习）
├── 翻译单词学习.html # 📖 翻译词汇海报（表达替换）
│
├── 技巧学习.md # 📚 考试技巧速查（频率/程度/态度词）
├── 提示词.txt # ⏱️ 考试时间分配与答题策略
├── 男女声列表.txt # 🎤 TTS 语音名称参考
│
├── 材料/ # 📂 学习资料（未纳入 Git）
│ ├── CET_4+6_edited.txt # CET-4 + CET-6 合并词汇表
│ ├── American Oxford 3000.txt # 美式牛津 3000 词表
│ ├── The_Oxford_3000.pdf # 牛津 3000 参考文档
│ ├── CET-6翻译截止2013-2025-06.docx # 历年翻译真题
│ ├── 翻译题.md # 翻译练习题（含答案）
│ ├── 六级翻译单词.md # 翻译词汇（按话题分类 + 费曼复述）
│ ├── 六级翻译单词.html # 翻译词汇网页版
│ ├── 六级翻译单词.docx # 翻译词汇 Word 版
│ ├── 六级翻译单词_默写版.md # 翻译词汇自测版（填空）
│ └── 六级翻译单词_默写版.docx # 翻译词汇自测 Word 版
│
├── my/ # 📂 个人学习数据（未纳入 Git）
│ ├── known_words.txt # 已认识词汇汇总
│ ├── remaining_words.txt # 未处理词汇（断点续学）
│ ├── *unknown_words.txt # 每日生词列表
│ ├── *听力.txt # 每日听力练习数据 (JSON)
│ ├── *句子.txt # 每日句子练习数据 (JSON)
│ ├── 作文学习.md # 六级作文模板（6 种题型）
│ └── *.pdf # 高级表达参考文档
│
├── .gitignore # Git 忽略配置（排除 材料/ 和 my/）
├── LICENSE # MIT 开源许可
└── README.md # 本文档
注意：
材料/和my/目录已通过.gitignore排除在 Git 仓库之外，分别存放公共学习资料和个人学习数据。
所有配置均在各 HTML 文件的 JavaScript 代码中修改。
在 单词筛选应用.html 的 VocabularyClassifier 类中：
this.batchSize = 10; // 默认每批 10 个，可改为任意数量在各应用的语音合成方法中调整：
utterance.rate = 0.9; // 语速 (0.1 ~ 10)
utterance.pitch = 1.0; // 音调 (0 ~ 2)
utterance.volume = 1.0; // 音量 (0 ~ 1)在 CET-6 听力练习应用.html 中：
const DIALOGUE_GAP = 300; // 对话行间隔（毫秒）
const QUESTION_GAP = 10000; // 题目间隔（毫秒），即 10 秒在 播放句子.html 中：
const MIN_PAUSE = 800; // 朗读间最小停顿（毫秒）
const MAX_PAUSE = 2000; // 朗读间最大停顿（毫秒）Q: 需要安装什么软件吗？ A: 不需要。所有应用都是独立的 HTML 文件，使用支持 Web Speech API 的现代浏览器（推荐 Chrome 或 Edge）直接打开即可。
Q: 可以离线使用吗？ A: 首次使用需要联网以加载浏览器语音数据。语音数据下载完成后，即可离线使用所有功能。
Q: 支持哪些浏览器？ A: 推荐使用 Chrome、Edge 或 Safari。需确保浏览器支持 Web Speech API。
Q: 进度条显示的时间准确吗？ A: 进度条基于词数（约 2.5 词/秒，根据语速调整）加上所有间隔时间动态估算，实际播放时间可能有轻微偏差。
Q: 如何添加更多听力练习？ A: 按照 听力练习数据格式 创建 JSON 文件，然后通过"加载练习数据"按钮导入即可。
Q: 生词高亮的原理是什么？ A: 导入生词列表后，应用会扫描对话和题目文本，将匹配的单词以黄色背景高亮显示，帮助你在听力中关注这些生词。
Q: 首次点击发音没有声音？ A: 这是正常现象，语音数据需要 1-2 秒加载时间。应用会自动重试（最多 2 次），后续点击会立即播放。
Q: 如何添加更多语音选项？ A: 浏览器自动加载系统中已安装的语音。安装更多语音包或更换浏览器可获得更多选项。
Q: 中途关闭页面会丢失数据吗？
A: 会的。建议定期点击"💾 立即导出文件"保存进度。导出的 remaining_words.txt 可用于下次断点续学。
Q: 四遍循环是什么？ A: 每个句子自动按 英文 × 2 → 中文 × 1 → 英文 × 1 的顺序播放。英文部分男女声交替，第三遍自动切换为中文语音朗读翻译。这种模式有助于在语境中强化记忆。
Q: 句子数据怎么制作？
A: 按照 句子播放数据格式 创建 JSON 数组文件。covered_words 字段会在界面上标注出该句包含的目标生词。
| 技术 | 用途 |
|---|---|
| HTML5 + CSS3 | 响应式界面、动画、打印样式 |
| Vanilla JavaScript | 原生实现，无任何框架依赖 |
| Web Speech API | 浏览器原生语音合成（TTS） |
| File API | 本地文件加载与导出 |
每个应用使用一个核心类封装所有逻辑：
CET-6 听力练习应用 → 事件驱动 + 状态机
单词筛选应用 → VocabularyClassifier 类
句子播放应用 → SentencePlayer 类
// 单词筛选应用的词汇状态管理
allWords = []; // 全部词汇
remainingWords = []; // 未显示的词汇池
displayedWords = []; // 已显示过的词汇
knownWords = []; // 本次新认识的单词
unknownWords = []; // 标记为不懂的单词
existingKnownWords = []; // 原有已认识的单词- 延迟修复：首次发音前自动等待语音引擎就绪
- 错误重试：播放失败自动重试，最多 2 次
- 状态反馈：播放时显示 ⏳ 等待和 🔊 播放中动画
- 动态加载：自动检测可用语音，智能默认选择美式英语女声
使用 Fisher-Yates 算法随机打乱词汇顺序，保证每个单词的学习位置随机且不重复。
本项目采用 AI 辅助编程 + 人工审核调优 的协作开发模式。
| AI 模型 | 贡献领域 | 占比 |
|---|---|---|
| 💠 Claude Code (Anthropic) | 整体架构设计、语音功能实现、语音选择系统、代码重构与最佳实践 | 40% |
| 基础版本实现、UI 卡片式布局设计、交互逻辑、文件处理 | 35% | |
| 🎤 Kimi-Coding (月之暗面) | 语音功能增强、发音参数优化、错误处理、用户体验优化 | 25% |
Claude Code (架构 + 语音核心)
↕
GLM-4 (基础功能 + UI)
↕
Kimi-Coding (语音优化 + 体验增强)
↕
人工审核与调优
- ✨ 新增句子播放应用（四遍循环播放、男女声交替）
- ✨ 新增翻译单词学习海报（80+ 条目、点击复制、打印优化）
- ✨ 新增技巧学习和考试策略辅助资料
- 📁 项目更名为
CET6-Full-Process-Learning - 📖 全新 README 文档重构
- ✨ 新增 CET-6 听力练习应用
- 🎧 支持对话和题目智能播放（10 秒间隔模拟考试）
- 📊 添加进度条动态估算功能
- 🟡 支持生词高亮显示
- 🔊 优化语音合成体验
- ✨ 智能词汇筛选功能
- 🔊 语音一键播放
- 📦 多状态和批量管理
本项目基于 MIT License 开源。
Copyright © 2025 Kecoya
如果这个项目对你的六级备考有帮助，欢迎 ⭐ Star 支持！