设计优化和优化设计的区别是什么举例说明

网站用户头像上传后不显示

1. 检查头像上传路径是否正确，文件是否保存成功；2. 核实页面头像加载路径是否正确；3. 修复头像裁剪逻辑，确保图片格式 / 尺寸符合要求；4. 清除浏览器缓存，测试最新头像

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

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

网站加载时出现 “正在等待fonts.googleapis.com”

1. 下载谷歌字体到本地服务器，替代外部加载；2. 使用国内字体库（如思源黑体、阿里普惠体）；3. 配置字体加载超时处理，避免阻塞页面；4. 优先使用系统默认字体，提升加载速度

网站上拉加载更多功能无法触发或重复加载

1. 检查滚动距离判断逻辑，确保到达底部时触发请求；2. 添加加载中状态标识，避免重复触发请求；3. 修复请求完成后的状态更新，允许下次触发；4. 处理数据加载完毕后的提示，禁用加载功能

网站 API 接口签名验证失败

1. 检查签名生成算法是否与服务器一致；2. 核实签名参数（时间戳、nonce）是否正确；3. 确保 API 密钥正确，无泄露或错误；4. 修复签名验证逻辑，避免格式错误

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

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

网站地图导航路线规划缺少备选方案

1. 检查地图 API 的路线规划参数，是否启用了多方案查询；2. 修复路线筛选逻辑，支持按时间、距离、费用排序；3. 核实是否存在交通管制、道路施工等影响路线的因素；4. 提示用户手动调整起点 / 终点，重新规划路线

网站跨域请求被浏览器拦截（CORS 错误）

1. 后端添加 Access-Control-Allow-Origin 等 CORS 响应头；2. 核实请求方法（GET/POST）和自定义头是否在允许列表中；3. 处理预检请求（OPTIONS），确保服务器正确响应；4. 前端使用代理服务器转发请求，规避跨域限制

网站图片预览功能失效

1. 检查预览插件是否正确加载；2. 核实图片路径是否正确，文件是否存在；3. 修复预览事件监听逻辑（如点击图片）；4. 测试不同图片格式，确保兼容