优化数学作业设计,减轻学生课业负担

网站导航栏滚动时固定效果失效

1. 检查滚动事件监听是否正确，触发固定样式的条件是否合理；2. 修复导航栏的 position 属性切换逻辑（static→fixed）；3. 确保固定后的导航栏宽度正确，无布局错乱；4. 处理导航栏 z-index 值，避免被其他元素覆盖

网站标签页切换后音频 / 视频继续播放

1. 检查标签页切换事件监听，触发时暂停媒体播放；2. 修复媒体播放器的状态管理，记录切换前播放进度；3. 核实是否启用了后台播放功能，需手动关闭；4. 切换标签页后自动暂停，返回时恢复播放进度

网站离线页面无法显示

1. 检查 Service Worker 是否缓存离线页面；2. 修复离线页面路径配置，确保正确加载；3. 确保离线页面资源完整（CSS/JS/ 图片）；4. 测试离线状态下的页面展示，优化用户体验

网站表单文件上传进度不显示

1. 检查上传进度监听逻辑是否正确；2. 修复进度条渲染，确保百分比准确；3. 确保上传接口支持分片上传，返回进度；4. 测试不同文件大小，确保进度更新流畅

网站 CSS 动画在移动端卡顿严重

1. 优化动画属性，优先使用 transform 和 opacity（硬件加速）；2. 减少动画元素数量和复杂程度，避免过度绘制；3. 修复动画帧率，设置 animation-duration 合理值；4. 针对移动端单独优化动画，降低性能消耗

网站验证码刷新后无法点击或验证失败

1. 检查验证码图片生成接口是否正常返回新图片；2. 修复刷新按钮的事件绑定，确保触发重新请求；3. 核实验证码存储的 session 是否与当前用户匹配；4. 优化验证码识别难度，避免过度复杂导致用户误输

网站时间选择器时区转换错误

1. 检查时间选择器是否配置了正确的时区（如 UTC+8）；2. 修复时间存储逻辑，确保前端显示时间与后端存储时间时区一致；3. 核实是否需要自动转换用户本地时区；4. 显示时区标识，让用户明确当前时间所属时区

网站加载速度极慢，页面卡顿

1. 压缩图片 / 视频文件，合并 CSS/JS 文件减少 HTTP 请求；2. 启用浏览器缓存和 CDN 加速静态资源；3. 优化数据库查询（建立索引、减少嵌套查询）；4. 检查服务器 CPU / 内存 / IO 负载，升级硬件或调整内核参数

网站图片懒加载未生效，图片一次性加载

1. 检查懒加载插件是否正确初始化，绑定的图片选择器是否准确；2. 核实图片的 src 属性是否替换为 data-src（或自定义属性）；3. 修复滚动事件监听，确保图片进入可视区域时触发加载；4. 处理动态加载的图片（如 AJAX 请求后），重新绑定懒加载