交互式测验应用开发

开发一款纯前端交互式测验应用,支持多种题型、计时计分、复习模式、数据持久化和社交分享功能,具备响应式设计和动态评分系统。
开发一款基于HTML5、CSS3和JavaScript的综合性交互式测验应用程序。具体要求如下:

核心功能模块:
1. 用户界面设计
- 创建具有视觉吸引力的UI界面
- 实现题目间平滑过渡动画效果
- 集成动态进度条显示完成百分比

2. 题目类型支持
- 多选题
- 判断题(正误题)
- 连线匹配题
- 简答题
- 自动评分系统

3. 计时功能
- 每道题可配置独立计时器
- 可视化倒计时显示
- 答题时间影响最终得分

4. 计分系统
- 基于题目难度动态计分
- 响应时间加权计算
- 详细分数跟踪记录

5. 复习模式
- 测验完成后查看正确答案
- 显示错误答案解析
- 支持答案对比功能

6. 数据持久化
- 使用localStorage实现排行榜
- 保存用户历史成绩数据
- 支持数据导出功能

7. 题目管理
- 按类别组织题目
- 支持自定义分类图标
- 添加题目描述说明

8. 难度系统
- 多级难度设置
- 难度影响时间限制
- 难度系数关联得分

9. 结果分析
- 生成详细成绩摘要
- 提供表现分析报告
- 给出改进建议

10. 社交功能
- 测验结果社交分享
- 支持自定义分享内容
- 集成主流社交平台API

技术实现要求:
- 纯前端实现,无需后端支持
- 响应式设计适配多设备
- 兼容主流现代浏览器
- 代码模块化组织
- 添加适当错误处理

注意事项:
1. 确保所有交互元素均可通过键盘操作
2. 实现移动端触摸优化
3. 添加加载状态指示器
4. 包含重置测验功能
5. 提供清晰的操作指引

使用说明

  • 点击"复制提示词"按钮复制完整内容
  • 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
  • 根据实际需求调整提示词中的具体参数
  • 可以多次迭代优化以获得更好的结果