小结优化问题常用数值算法

网站 CSS 动画在部分浏览器不生效

1. 添加浏览器前缀（-webkit-、-moz-、-ms-）适配不同内核；2. 避免使用过于复杂的动画属性，选择标准支持的属性；3. 检查动画触发条件是否正确（如 hover、class 切换）；4. 用 Can I Use 查询属性兼容性，提供降级方案

网站 500 页面未自定义，显示错误代码

1. 创建友好的 500 页面，提示用户系统故障；2. 配置 Web 服务器，指定 500 页面；3. 在 500 页面添加联系客服入口，方便用户反馈；4. 记录错误日志，及时排查故障

网站优惠券领取后无法使用

1. 检查优惠券使用条件（如满减金额、适用商品分类）是否满足；2. 核实优惠券是否在有效期内，未过期 / 未作废；3. 修复优惠券关联逻辑，确保订单满足条件后自动抵扣；4. 查看优惠券使用日志，记录无法使用的原因

网站大数据量表格在 IE 浏览器渲染失败

1. 检查表格 DOM 结构是否过于复杂，IE 对 DOM 数量有限制；2. 修复表格渲染逻辑，分批次渲染表格行；3. 核实是否使用了 IE 不支持的表格属性或插件；4. 简化表格结构，隐藏不必要的列，提升渲染成功率

网站单选框组选择后，其他选项仍可选中

1. 检查单选框的 name 属性是否一致（同一组单选框 name 必须相同）；2. 修复单选框事件监听，避免自定义逻辑覆盖默认行为；3. 核实是否误将单选框设置为复选框（type="checkbox"）；4. 优化单选框样式，明确区分选中 / 未选中状态

网站下拉菜单滚动时被页面截断

1. 检查下拉菜单的 z-index 值，确保高于其他元素；2. 修复下拉菜单的 overflow 属性，必要时设置 overflow: auto 允许内部滚动；3. 调整下拉菜单的定位方式（如 absolute→fixed），适应滚动场景；4. 限制下拉菜单最大高度，避免超出视口

网站 Redis 缓存无法连接

1. 检查 Redis 服务是否正常启动，端口是否开放；2. 核实 Redis 连接配置（主机、端口、密码）是否正确；3. 修复防火墙规则，允许 Redis 连接；4. 查看 Redis 日志，排查错误原因

网站页面 URL 带 #号导致无法分享或跳转异常

1. 检查 URL 路由模式，是否使用 hash 模式（# 后内容不发送到服务器）；2. 切换为 history 模式，配置服务器 Rewrite 规则（如 Nginx 配置 try_files）；3. 处理分享链接时的 URL 拼接，确保 #后参数正确传递；4. 测试跳转逻辑，确保 hash 值变化时页面正确响应