基于 Vue3 + Vite + TypeScript 开发多人在线单词对战网页游戏,独立承担全部前端开发工作。使用 Pinia 管理游戏全局状态,封装通用游戏交互组件,实现单词随机出题、计时答题、实时计分、对战排行榜核心逻辑。借助 WebSocket 实现玩家在线匹配、答题进度同步、胜负消息推送,完成多人实时对战交互。通过 CSS 动画实现答题反馈、倒计时动效,优化页面渲染与资源加载策略,防止频繁操作造成页面卡顿。封装音频播放工具类,搭配答题音效提升游戏体验,处理网络断线重连、请求异常、超时兜底等容错逻辑。同时完成响应式布局,兼容 PC 与移动端访问,搭建完整游戏设置、历史战绩、个人数据统计页面,通过 ECharts 可视化展示答题正确率、练习时长等学习数据,打造兼具趣味性与学习属性的单词竞技应用。