雨污分流设计优化思路与方法有哪些技巧

网站 favicon.ico 无法显示

1. 检查 favicon.ico 文件是否存在于网站根目录；2. 核实文件格式是否为 ICO，尺寸是否符合要求（16x16 或 32x32）；3. 修复 HTML 中 favicon 引用，确保路径正确；4. 清除浏览器缓存，测试显示效果

网站下单后无法取消订单

1. 检查订单取消条件判断逻辑（如是否已支付、已发货）；2. 修复订单取消接口权限，确保仅订单所有者可操作；3. 处理取消订单后的库存回补、积分退还逻辑；4. 明确提示不可取消的订单状态及原因

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

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

网站分布式锁无法释放

1. 检查锁超时时间设置，避免过长；2. 修复锁释放逻辑，确保业务结束后释放；3. 采用续租机制，防止锁提前过期；4. 定期清理过期锁，避免死锁

网站搜索框输入关键词后回车无响应

1. 检查搜索框的 keydown 事件监听，是否正确捕捉回车事件（keyCode=13）；2. 修复回车触发的搜索逻辑，确保调用搜索接口；3. 核实搜索框是否绑定了表单提交事件，无阻止默认行为；4. 点击搜索按钮测试，排查是否仅回车事件失效

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

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

网站 WebSocket 接收消息乱码

1. 检查消息编码格式，确保前后端一致（如 UTF-8）；2. 修复消息解码逻辑，避免二进制数据与文本数据混淆；3. 核实服务器发送的消息是否正确序列化；4. 处理特殊字符转义，避免解码错误

网站加载速度极慢，页面卡顿

1. 压缩图片 / 视频文件，合并 CSS/JS 文件减少 HTTP 请求；2. 启用浏览器缓存和 CDN 加速静态资源；3. 优化数据库查询（建立索引、减少嵌套查询）；4. 检查服务器 CPU / 内存 / IO 负载，升级硬件或调整内核参数

网站面包屑导航点击后跳转错误

1. 检查面包屑导航的链接地址是否正确，无拼写错误；2. 修复链接拼接逻辑，确保动态参数正确传递；3. 核实路由配置是否与面包屑链接匹配；4. 测试每个面包屑节点的跳转，排查单个节点错误