语言技术
CSS、JavaScript系统类型
Web行业分类
教育校园
复习自测这件事，学生最缺的不是题目，而是"做完之后知道自己错在哪"。纸质题做一遍就丢，错题要自己抄；市面上的刷题 App 要么题库庞大到不知道从哪开始，要么把自测包在登录、会员、广告里面，临时想练十分钟很难。
本作品把场景收窄到"一个人、十分钟、一轮 15 道题"的自测：手机或电脑打开就能直接答题，每题限时 20 秒逼出真实反应速度，答完立刻判分并给出解析，答错的题自动进错题本，之后可以只练错题，成绩按题库记录下来看进步。题库覆盖计算机基础、四六级核心词、校园安全三个方向，共 45 道单选题，内容与成绩记录只保存在本机浏览器，不涉及账号和隐私上传。
共 6 个页面，形成"首页选题库 → 限时答题 → 结果页看评级 → 错题本只练错题 → 再来一局"的可循环闭环：
1. 首页：站点介绍、三个题库入口（显示各自题量与我的最好成绩）、我的成绩统计概览。
2. 答题页：每题限时 20 秒，SVG 圆环倒计时（最后 5 秒变警示色），选项点选后即时判分并显示解析，1.8 秒后自动进入下一题；超时按答错处理；支持键盘 1-4 或 A-D 作答；可随时结束本轮。
3. 结果页：百分制得分、A–D 评级、总用时、正确率，逐题回顾本轮做错的题目。
4. 错题本：按题库汇总错题，带解析，可手动移出（已掌握），也可以"只练错题"进入答题页。
5. 排行榜：本机成绩记录列表，可按题库筛选，按分数或用时排序。
6. 关于本站：建站目的、答题规则、技术说明。
全站默认深色游戏化视觉，可切换浅色主题，手机 / 平板 / 桌面三档响应式。
我负责选题与规则定义（题量、限时、计分、评级、错题流转）、页面结构与交互流程设计、45 道题库的整理录入，以及逐页验收：在 Chrome 与 Edge、桌面与 390px 手机宽度下实际走完答题流程，核对倒计时、判分、错题本、排行榜的数据是否前后一致。
技术上是原生 HTML5 + CSS3 + 原生 ES6，零框架零依赖。答题部分做成"答题中 / 已作答 / 已结束"三状态的状态机，每题只接受一次作答；倒计时用定时器每 100ms 刷新并换算成 SVG 圆环的 stroke-dashoffset；每轮题目用 Fisher-Yates 洗牌打乱顺序；错题本与成绩记录存 localStorage，读写都做了异常兜底，页面之间用网址参数（quiz.html?bank=cs、bank=wrong）和本地存储传递状态。编码环节使用 AI 辅助生成，我负责复核、修正与验收。
评论