优化教学设计优质课

网站表单验证提示在输入正确内容后仍不消失

1. 检查验证触发机制，是否仅在提交时验证，未实时验证；2. 修复输入事件监听，确保输入内容变化后重新验证；3. 核实验证逻辑是否存在错误，未正确判断合法内容；4. 手动触发验证函数，强制更新提示状态

网站图片轮播功能异常，无法切换

1. 检查轮播插件是否正确加载，配置是否正确；2. 修复切换事件逻辑（点击 / 滑动）；3. 确保轮播图片路径正确，文件存在；4. 处理轮播自动播放失效问题

网站二维码扫码后跳转地址错误

1. 检查二维码生成时的跳转地址参数是否正确；2. 核实地址是否包含特殊字符，未进行 URL 编码；3. 确保跳转地址的域名可访问，无拼写错误；4. 测试不同扫码工具，排查兼容性问题

网站视频无法全屏播放，提示 “不支持全屏”

1. 检查视频元素是否添加了 allowfullscreen 属性；2. 修复浏览器全屏 API 调用，兼容不同内核（webkitRequestFullscreen）；3. 核实视频是否处于 iframe 中，iframe 是否设置了 allowfullscreen；4. 更换视频播放器插件，排查插件功能限制

网站页面滚动时元素错位或抖动

1. 检查 CSS 定位属性（如 position: fixed）是否正确，避免滚动时偏移；2. 修复滚动事件监听逻辑，避免频繁修改 DOM 导致回流；3. 确保元素宽高固定，或使用 flex/grid 布局适配滚动；4. 处理移动端滚动穿透问题，避免弹窗滚动影响背景

网站限时活动商品已下架但活动仍显示

1. 检查活动商品关联逻辑，确保商品下架后活动同步隐藏；2. 修复活动状态判断，确保活动到期后自动结束；3. 核实活动商品库存，无库存时提示 “已抢完”；4. 手动更新活动状态，处理延迟同步场景

网站字体大小调整功能异常

1. 检查字体大小切换逻辑，是否正确修改根元素 font-size；2. 确保所有文本使用相对单位（rem/em）；3. 存储用户字体大小偏好，下次访问自动应用；4. 限制字体大小范围，避免布局错乱

网站第三方登录授权页面提示 “应用未审核”

1. 检查第三方平台（微信 / QQ）的应用审核状态，完成未审核流程；2. 核实应用的经营范围、回调地址是否与审核信息一致；3. 修复应用配置中的错误参数（如 APPID、APPSecret）；4. 测试沙箱环境授权是否正常，排查正式环境配置问题

网站表单提交后出现重复提交问题

1. 提交成功后禁用按钮，防止多次点击；2. 后端添加幂等性校验（如基于 token 机制）；3. 配置表单提交后的跳转或重置逻辑；4. 利用 localStorage 记录提交状态，避免刷新页面重复提交