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

网站摄像头权限申请被拒绝后无法再次申请

1. 引导用户手动开启摄像头权限；2. 提供权限申请说明，告知用户使用目的（如视频聊天）；3. 处理无摄像头权限的情况，禁用相关功能；4. 不在用户拒绝后立即再次申请

服务器 IO 负载过高，读写缓慢

1. 用 iostat 命令监控磁盘 IO 情况，排查频繁读写的文件；2. 将静态资源迁移到 IO 性能更好的磁盘（如 SSD）；3. 优化数据库存储，采用分表分库减少单表数据量；4. 启用磁盘缓存，减少物理读写次数

网站下拉框选项过多时出现滚动条无法滚动

1. 检查下拉框的 overflow 属性是否设置为 auto，且高度固定；2. 修复滚动事件监听，确保鼠标滚轮或触摸滚动生效；3. 核实下拉框是否被其他元素遮挡，导致滚动事件失效；4. 优化下拉框，启用搜索或分页加载，减少选项数量

网站表单下拉框无法显示选项

1. 检查下拉框数据是否正确加载，接口是否正常；2. 修复下拉框渲染逻辑，确保选项可见；3. 确保下拉框无样式遮挡（如 z-index 过低）；4. 测试不同浏览器，排查兼容性

网站表单时间选择器分钟步长设置无效

1. 核实时间选择器的 stepMinutes 参数配置是否正确；2. 修复插件初始化逻辑，确保步长参数正确传递；3. 避免自定义样式覆盖插件默认步长控制；4. 测试不同时间格式（12 小时 / 24 小时制）下的效果

网站文件下载时文件名与预期不一致

1. 检查后端响应头的 Content-Disposition 是否正确设置 filename 参数；2. 修复文件名拼接逻辑，避免参数传递错误；3. 核实是否存在文件名重命名规则，导致自动修改；4. 测试不同文件类型的下载，排查特定类型问题

网站在微信内置浏览器打开异常

1. 修复微信浏览器专属兼容性问题（如 AJAX 缓存、分享接口）；2. 配置微信网页授权，确保回调地址正确；3. 避免使用微信不支持的 JSAPI 或插件；4. 测试微信不同版本，确保兼容主流版本

网站实时聊天消息发送后对方接收不到

1. 检查 WebSocket 消息推送逻辑，是否正确发送给目标用户；2. 修复用户在线状态判断，确保对方处于在线状态；3. 核实消息队列是否存在消息堆积，未及时推送；4. 提供消息送达回执，确认对方是否已接收

网站 JavaScript 定时器执行延迟或不准确

1. 检查定时器回调函数是否包含耗时操作（如大量 DOM 操作），导致延迟；2. 修复定时器逻辑，避免嵌套定时器导致的误差累积；3. 处理页面隐藏时的定时器暂停，恢复显示后校准时间；4. 对于高精度需求，使用 requestAnimationFrame 替代 setInterval