一个使用 React + Vite 构建的日语词汇学习与测试单页应用,支持按熟练度自适应出题,并在浏览器本地存储你的学习进度。
- 学习模式:按名词/动词/形容词筛选词汇,翻转卡片查看释义,自动按熟练度推荐下一词,完成一轮后展示总结。
- 测试模式:提供随机、弱点、强化三种出题策略,每轮 10 题,实时反馈正确率,结束后可重开一轮。
- 进度持久化:所有熟练度与统计数据会写入浏览器 LocalStorage,刷新或重启浏览器后也能继续。
- 安装依赖(首次运行需要):
npm install
- 启动开发服务器并允许外部访问(默认端口 5173,可自定义):
启动后在终端中复制
npm run dev -- --host --port 5173
http://localhost:5173或给出的局域网地址到浏览器即可预览。 - 如果想查看打包后的效果,可先构建再运行 Vite 预览服务:
npm run build npm run preview -- --host --port 4173
- 代码入口:
src/main.jsx - 主要页面:
src/pages/StudyPage.jsx(学习)、src/pages/QuizPage.jsx(测试) - 词库数据:
src/data/words.js
如需进一步的部署或体验指导,请告诉我!