如何优化课堂教学手段设计

网站优惠券领取失败，提示 “已达领取上限”

1. 检查优惠券领取限制配置（如每人限领 1 张、总量有限）；2. 核实用户是否已领取该优惠券，避免重复领取；3. 修复领取数量统计逻辑，确保计数准确；4. 明确提示领取上限及用户当前领取次数

网站 AJAX 请求超时无提示

1. 设置 AJAX 的 timeout 参数，指定超时时间（如 10 秒）；2. 添加超时回调函数，显示友好提示（如 “网络请求超时，请重试”）；3. 优化接口性能，减少超时概率；4. 提供手动重试按钮，方便用户重新发起请求

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

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

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

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

网站 Elasticsearch 搜索无法使用

1. 检查 Elasticsearch 服务是否正常启动；2. 核实索引是否创建成功，数据是否同步；3. 修复搜索查询语法，避免错误；4. 查看 Elasticsearch 日志，排查错误原因

网站页面加载时出现空白屏

1. 排查是否有 JavaScript 错误导致渲染阻塞，查看控制台报错；2. 检查 CSS 是否加载失败，确保样式文件路径正确；3. 优化首屏加载，优先加载关键内容，延迟加载非必要资源；4. 增加加载动画，提升用户等待体验

网站数据库死锁，事务无法执行

1. 查看数据库死锁日志，定位冲突 SQL 语句；2. 优化事务执行顺序，减少锁竞争；3. 缩短事务执行时间，避免长时间占用锁；4. 采用乐观锁（如版本号）替代悲观锁，减少死锁概率

网站日期选择器无法选择过去日期

1. 检查日期选择器的 minDate 配置，是否限制了可选范围；2. 修复日期范围逻辑，根据业务需求调整过去日期限制；3. 确保日期选择器插件支持过去日期选择，无默认限制；4. 测试不同日期格式，排查格式不兼容问题

网站图表 tooltip 显示不全，内容被截断

1. 检查 tooltip 的样式配置，调整 width、height 属性；2. 修复 tooltip 的 overflow 属性，设置为 auto 允许滚动；3. 核实 tooltip 内容是否过长，简化显示信息；4. 调整图表的边距，给 tooltip 预留足够显示空间