优化课程设计

网站模态框打开后背景滚动无法禁止

1. 打开模态框时给 body 添加 overflow: hidden 样式；2. 修复移动端触摸事件，禁止背景滚动；3. 确保模态框关闭时移除禁止滚动样式；4. 处理 iOS 系统的弹性滚动问题，添加额外兼容代码

打开网站显示 “400 Bad Request”

1. 检查本地网络是否正常，重启路由器排查断网问题；2. 调整 Web 服务器的 client_header_buffer_size、large_client_header_buffers 参数；3. 核实 WEB 服务器模块是否正常加载（如 Nginx 的 PHP 模块）；4. 重启僵死的 Web 服务器进程

网站验证码无法刷新，无法识别

1. 检查验证码生成接口是否正常，是否返回图片；2. 核实验证码刷新逻辑，是否正确更换验证码；3. 优化验证码清晰度，避免模糊难以识别；4. 增加语音验证码选项，提供替代方案

网站语音识别功能失效

1. 检查语音识别接口是否正常，API 密钥是否有效；2. 核实麦克风权限是否开启；3. 修复语音数据传输逻辑，确保音频格式正确；4. 处理网络异常导致的识别失败，提示用户重试

网站跨域请求携带 cookie 失败

1. 前端 AJAX 请求添加 withCredentials: true 配置；2. 后端响应头添加 Access-Control-Allow-Credentials: true；3. 确保 Access-Control-Allow-Origin 不设置为 *（需指定具体域名）；4. 检查 cookie 的 domain、path 配置是否与请求域名匹配

网站音频播放时进度条无法拖动

1. 检查音频播放器插件是否支持进度条拖动功能；2. 修复进度条事件监听，确保拖动时更新播放位置；3. 核实音频文件是否支持 seek 操作（如部分流媒体不支持）；4. 更换兼容性更好的音频播放器插件

网站 WebSocket 消息推送延迟

1. 检查 WebSocket 连接是否稳定，有无断线重连；2. 优化消息发送逻辑，避免消息堆积；3. 增加消息优先级，确保重要消息优先推送；4. 扩容 WebSocket 服务，提升并发处理能力

网站表单日期选择器无法选择未来日期

1. 检查日期选择器插件的 maxDate 配置，是否限制了可选范围；2. 修复日期范围逻辑，根据业务需求调整未来日期限制；3. 确保日期格式与后端接口要求一致（如 YYYY-MM-DD）；4. 测试不同浏览器，排查插件兼容性问题

网站面包屑导航点击后跳转错误

1. 检查面包屑导航的链接地址是否正确，无拼写错误；2. 修复链接拼接逻辑，确保动态参数正确传递；3. 核实路由配置是否与面包屑链接匹配；4. 测试每个面包屑节点的跳转，排查单个节点错误