班级优化大师网页登录

网站音频播放无法暂停 / 播放

1. 检查音频控制按钮事件绑定是否正确；2. 修复音频元素状态管理逻辑；3. 确保音频文件加载完成，无网络异常；4. 测试不同浏览器，排查兼容性问题

网站图片加载完成后出现变形拉伸

1. 确保图片容器设置固定宽高比，避免直接拉伸；2. 修复图片的 object-fit 属性设置（如 cover、contain）；3. 核实图片原始尺寸是否与容器适配，必要时进行裁剪；4. 处理响应式场景下的图片尺寸调整，使用媒体查询

网站后台批量操作（如批量删除）执行失败

1. 检查批量操作接口是否支持批量 ID 参数（如数组格式）；2. 修复权限校验逻辑，确保用户有批量操作权限；3. 处理批量操作中的异常数据，避免单个数据失败导致整体中断；4. 显示批量操作结果详情（如成功多少条、失败多少条）

网站 PWA 应用无法安装或安装后无法打开

1. 检查 manifest.json 文件格式是否正确，必填字段（name、short_name、start_url、icons）是否完整；2. 确保 Service Worker 正确注册并激活；3. 核实网站已部署 HTTPS，且无混合内容；4. 测试不同设备（iOS/Android）的安装流程，排查兼容性

网站显示 “504 Gateway Timeout” 错误

1. 调整 Nginx 的 fastcgi_connect_timeout、fastcgi_read_timeout 参数；2. 排查 PHP 层资源不足问题，扩容服务器或优化代码；3. 检查数据库连接数是否达到上限，调整连接池配置；4. 优化耗时操作（如外部接口调用、大数据查询）

网站图片懒加载时出现闪烁

1. 检查图片容器是否设置了占位图或固定宽高，避免加载后布局偏移；2. 修复懒加载插件的加载时机，确保图片进入可视区域前开始加载；3. 核实图片是否启用了渐进式加载；4. 优化图片格式（如 WebP），减少加载时间

网站视频在线播放卡顿

1. 提供多码率视频，适配不同网络速度；2. 启用视频分段加载，避免缓冲等待；3. 优化视频服务器带宽，提升传输速度；4. 采用 CDN 加速视频分发，减少延迟

网站 JavaScript 定时器执行延迟或不准确

1. 检查定时器回调函数是否包含耗时操作（如大量 DOM 操作），导致延迟；2. 修复定时器逻辑，避免嵌套定时器导致的误差累积；3. 处理页面隐藏时的定时器暂停，恢复显示后校准时间；4. 对于高精度需求，使用 requestAnimationFrame 替代 setInterval

网站在支付宝内置浏览器打开异常

1. 修复支付宝浏览器的 CSS 兼容性问题（如 flex 布局）；2. 确保支付宝支付接口配置正确，回调地址可访问；3. 避免使用支付宝不支持的前端特性；4. 测试支付宝不同版本，确保支付流程正常