教育学习儿童背单词卡片应用
# 儿童背单词卡片应用
## 简介
这是一个专为小朋友设计的背单词卡片应用，界面美观、色彩丰富，带有可爱的动画效果。应用提供AI智能推荐单词功能，让孩子们在游戏中快乐学习英语单词。
## 功能特点
### 🎨 界面设计
- 色彩丰富的渐变背景
- 可爱的卡片翻转动画
- 鼓励性的表情符号和动画效果
- 响应式设计，适配各种设备
### 📚 学习功能
- **双语学习**：支持英译汉和汉译英两种模式
- **卡片翻转**：点击卡片或按钮翻转查看翻译
- **导航功能**：可前进/后退浏览单词
- **进度跟踪**：实时显示学习进度
- **统计信息**：显示总单词数、已学单词数等
- **答题模式**：可输入单词作答，答对有烟花庆祝效果，答错有鼓励提示
### 📁 单词导入
- 支持自定义单词导入（TXT文件）
- 每行一个单词，格式：`单词 含义`
- 如不导入，则使用AI推荐的趣味词汇
- 提供"AI生成单词"按钮，可随时获取AI推荐的单词
## 使用方法
### 1. 打开应用
双击 `wordcard-app.html` 文件即可在浏览器中打开应用。
### 2. 选择单词来源
- **自定义导入**：点击"导入单词文件"区域，选择格式正确的TXT文件
- **AI推荐**：应用启动时会询问是否使用AI推荐的趣味单词，或点击"🤖 AI生成单词"按钮获取AI推荐
### 3. 选择学习模式
- **英译汉**：显示英文单词，翻转后查看中文翻译
- **汉译英**：显示中文含义，翻转后查看英文单词
### 4. 开始学习
- 点击"下一个"或"上一个"按钮浏览单词
- 点击卡片或"翻转卡片"按钮查看翻译
- 进度条显示当前学习进度
### 5. 答题模式
- 点击"✍️ 答题模式"按钮进入答题状态
- 在输入框中输入你想到的翻译
- 点击"✅ 检查答案"按钮验证答案
### 6. 导入自定义单词
- 点击"导入单词文件"区域
- 选择格式正确的TXT文件
- 文件格式：每行一个单词，格式为"单词 含义"
## 示例文件
`sample-words.txt` 文件展示了正确的单词格式，可作为参考。
## AI功能说明
- 应用启动时会询问是否使用AI推荐的趣味单词
- 点击"🤖 AI生成单词"按钮可随时获取AI推荐的新单词
- AI推荐的单词更适合儿童学习，包含更多趣味词汇
## 单词文件格式要求
- 文件扩展名：`.txt`
- 编码：UTF-8
- 每行一个单词条目
- 格式：`单词 空格 翻译`
- 支持英汉互译，程序会自动识别语言类型
## 技术特性
- 纯HTML/CSS/JavaScript实现
- 无需网络连接
- 无额外依赖
- 支持本地存储（可选扩展）
## 适用人群
- 学龄前及小学儿童
- 英语初学者
- 需要趣味化学习工具的用户
## 注意事项
- 建议在现代浏览器中使用（Chrome、Firefox、Edge等）
- 确保单词文件编码为UTF-8以避免乱码
- 文件中的每一行应该只包含一个单词及其翻译
17 浏览1 点赞by micai
