什么是优化设计模型

网站下拉刷新功能失效

1. 检查下拉刷新插件是否正确初始化，绑定的容器是否正确；2. 修复触摸事件监听，确保下拉距离计算准确；3. 核实刷新后的请求接口是否正常返回新数据；4. 处理 iOS/Android 系统的滚动兼容性问题

网站 OCR 识别文字重复或缺失

1. 检查图片清晰度，确保文字无模糊、遮挡；2. 修复 OCR 接口的识别参数，调整识别精度；3. 核实图片是否倾斜，先进行校正再识别；4. 处理识别结果后处理，去重或补全缺失文字

网站键盘导航无法操作

1. 确保所有可交互元素（按钮、链接）支持键盘聚焦；2. 修复 tab 键导航顺序，按逻辑顺序排列；3. 支持 Enter/Space 键触发点击事件；4. 显示键盘焦点样式，提升可操作性

网站导出 Excel 文件打开乱码

1. 设置 Excel 文件编码为 UTF-8+BOM；2. 确保导出数据格式正确，无特殊字符；3. 修复 Excel 文件头设置，指定正确的 MIME 类型；4. 测试不同 Excel 版本，确保兼容

网站富文本编辑器插入的图片无法居中显示

1. 检查编辑器的图片对齐功能是否正常，无按钮失效；2. 修复图片插入后的 HTML 标签，添加 align="center" 或对应的 CSS 类；3. 核实网站全局 CSS 是否覆盖了图片的对齐样式；4. 手动编辑 HTML 源码，调整图片容器的对齐方式

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

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

网站图表无法显示或加载失败

1. 检查图表插件是否正确加载，依赖的 JS 库（如 Chart.js、ECharts）是否完整；2. 核实图表数据格式是否正确，与插件要求一致；3. 确保图表容器有明确的宽高，避免无法渲染；4. 查看浏览器控制台，排查脚本错误或数据为空

网站分类功能失效，内容无法分类显示

1. 检查分类查询逻辑，是否正确过滤分类 ID；2. 核实内容与分类的关联关系，无数据错误；3. 修复分类导航链接，确保指向正确分类页面；4. 测试新增分类是否正常生效，内容是否可关联

网站音频播放时无声音，进度条正常滚动

1. 检查音频文件是否损坏，测试本地播放是否正常；2. 修复音频播放器的音量设置，避免默认静音；3. 核实浏览器音频权限是否开启，无被禁用；4. 更换音频格式（如 MP3 替代 WAV），排查格式兼容性问题