优化问题模型是什么

网站用户等级升级异常

1. 检查等级升级条件判断逻辑，是否正确计算成长值；2. 核实等级更新后是否同步权益；3. 修复成长值统计错误，确保数据准确；4. 显示等级升级进度，明确升级条件

网站图片加载完成后出现白边或边框

1. 检查图片元素的 CSS 样式，是否存在默认 border 或 padding；2. 修复图片容器的 overflow 属性，避免内容溢出产生白边；3. 核实图片原始尺寸是否与容器适配，必要时裁剪；4. 给图片添加 display: block 属性，消除 inline 默认间距

网站移动端页面在横屏模式下布局错乱

1. 检查 CSS 媒体查询，是否针对横屏（orientation: landscape）优化布局；2. 修复页面元素宽高设置，避免固定像素导致适配问题；3. 核实 viewport 标签是否设置了 user-scalable=no，禁止缩放；4. 测试不同手机型号的横屏效果，针对性修复

网站滑块验证码拖动到终点仍提示 “验证失败”

1. 检查滑块偏移量计算，是否与后端校验的阈值偏差过大；2. 修复滑块拖动事件，确保准确获取终点坐标；3. 核实是否存在浏览器缩放，导致坐标计算错误；4. 重置浏览器缩放比例（100%），重新尝试验证

网站图片裁剪功能异常

1. 检查裁剪插件是否正确加载，配置是否正确；2. 修复裁剪区域拖动逻辑；3. 确保裁剪后的图片格式 / 尺寸符合要求；4. 处理裁剪后图片保存失败问题

网站 WebSocket 消息推送延迟

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

网站图表在 IE 浏览器无法显示

1. 检查图表插件是否兼容 IE，如 ECharts 需添加 IE 兼容补丁；2. 修复图表渲染逻辑，避免使用 IE 不支持的 Canvas 特性；3. 核实 IE 浏览器是否启用了 ActiveX 控件，部分图表需依赖；4. 提供图表图片替代方案，确保数据可查看

网站麦克风权限申请被拒绝后无法再次申请

1. 引导用户手动开启麦克风权限；2. 提供权限申请说明，告知用户使用场景（如语音输入）；3. 处理无麦克风权限的情况，提供文字输入备选；4. 优化权限申请时机，避免过早申请

网站图片懒加载未生效，图片一次性加载

1. 检查懒加载插件是否正确初始化，绑定的图片选择器是否准确；2. 核实图片的 src 属性是否替换为 data-src（或自定义属性）；3. 修复滚动事件监听，确保图片进入可视区域时触发加载；4. 处理动态加载的图片（如 AJAX 请求后），重新绑定懒加载