背单词神器 - 多设备优化版 v2.0

🎯 新版本特性

📱 全平台响应式支持

• 手机端：竖屏优化，触摸友好
• 平板端：横屏布局，按钮排列优化
• 电脑端：大屏多列显示，鼠标悬停效果

💰 完全免费的 API 集成

• ✅ 单词查询：dictionaryapi.dev - 免费获取音标、释义
• ✅ 中文翻译：MyMemory - 免费翻译服务
• ✅ AI 助手：DeepSeek（可选，需配置 API Key）

🎨 UI/UX 改进

• 全新渐变配色方案
• 流畅的动画效果
• 优化的启动屏幕
• 更好的触摸反馈

⚡ 性能优化

• 清理冗余代码（移除百度/有道翻译）
• 更好的错误处理
• 本地数据缓存
• Service Worker 离线支持

🚀 快速开始

本地运行

1. 直接打开 index.html 文件
2. 或使用本地服务器：

# Python 3
python -m http.server 8000

# Node.js
npx serve

安装为 PWA

1. 在支持的浏览器中打开应用
2. 点击浏览器菜单中的"添加到主屏幕"
3. 即可像原生应用一样使用

📖 使用说明

基础功能

• 拼写单词：拖拽或点击字母拼写单词
• 语音播放：点击 🔊 按钮听发音
• 查看提示：点击"提示"按钮显示正确答案1秒
• 复习错词：自动收集错误单词，点击"复习错词"进行复习

批量导入

支持两种格式：

# 完整格式（音标、释义、提示、难度）
hello,/həˈləʊ/,你好,打招呼的基础用语,1
world,/wɜːld/,世界,地球就是一个世界,2

# 简单格式（仅单词，自动查询）
apple
banana
orange

AI 助手（可选）

1. 点击 ⚙️ 配置 DeepSeek API Key
2. 点击"AI助手"提问（例句、词根、近义词等）

🔧 技术栈

• 前端：原生 HTML/CSS/JavaScript
• API：
  • Dictionary API（免费）
  • MyMemory Translation（免费）
  • DeepSeek AI（可选，付费）
• PWA：Service Worker + Web App Manifest
• 存储：LocalStorage

📊 与老版本对比

功能	老版本	新版本
响应式设计	基础支持	✅ 三端完美适配
翻译API	百度/有道（需Key）	✅ MyMemory（免费）
代码量	~750行	~600行（优化30%）
API依赖	3个	2个（1个可选）
UI设计	基础	✅ 现代化渐变
离线支持	基础	✅ 完整PWA

🎓 学习算法

• 间隔重复：基于遗忘曲线（1,2,4,7,15,30天）
• 错词本：自动收集错误单词
• 计分系统：根据难度分配分数
• 学习统计：总分、连续、已学、正确率

📝 开发日志

v2.0 (2026-04-10)

• ✅ 重构响应式布局（手机/平板/电脑）
• ✅ 集成 MyMemory 免费翻译
• ✅ 清理冗余 API 代码
• ✅ 优化 UI/UX 设计
• ✅ 改进触摸交互
• ✅ 完善 PWA 支持

v1.0

• 基础拼写游戏
• DeepSeek AI 集成
• 百度/有道翻译
• 基础响应式

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 许可

MIT License