遗传算法路径优化最简单三个步骤

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

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

网站面包屑导航缺失部分层级

1. 检查面包屑数据来源，是否正确获取页面的完整层级关系；2. 修复路由配置中的元信息（meta），确保层级字段完整；3. 核实动态路由参数是否正确传递，无层级丢失；4. 手动补充缺失层级的链接和名称，排查数据查询问题

网站图片加载完成后出现变形拉伸

1. 确保图片容器设置固定宽高比，避免直接拉伸；2. 修复图片的 object-fit 属性设置（如 cover、contain）；3. 核实图片原始尺寸是否与容器适配，必要时进行裁剪；4. 处理响应式场景下的图片尺寸调整，使用媒体查询

网站数据库查询缓慢，导致页面加载卡顿

1. 检查查询语句是否优化，是否添加必要索引；2. 修复查询逻辑，避免全表扫描、多表关联无索引；3. 启用查询缓存，缓存高频查询结果；4. 分库分表或数据分页，减少单次查询数据量

网站 PWA 添加到主屏幕后图标显示异常

1. 检查 manifest.json 中 icons 配置，确保尺寸和路径正确；2. 确保图标格式为 PNG，背景为纯色；3. 修复 manifest.json 格式错误，确保符合标准；4. 测试不同 iOS/Android 设备，确保兼容

网站移动端页面在 iOS Safari 浏览器样式错乱

1. 检查 CSS 属性兼容性，添加 - webkit - 前缀适配 Safari；2. 修复 viewport 标签配置，避免缩放异常（如 width=device-width）；3. 核实是否使用了 Safari 不支持的 CSS 特性（如 backdrop-filter）；4. 测试不同 iOS 版本，针对性修复兼容问题

网站 WebSocket 连接频繁断开重连

1. 检查服务器是否开启心跳机制，维持连接；2. 修复客户端重连逻辑，设置合理的重连间隔；3. 核实网络环境是否稳定，避免防火墙拦截；4. 优化 WebSocket 数据传输，避免过大数据包导致断开

网站搜索功能无法找到相关结果

1. 优化搜索算法，支持模糊查询和关键词匹配；2. 确保搜索索引及时更新，包含最新内容；3. 扩大搜索范围，涵盖标题、正文、标签等字段；4. 当无结果时，推荐相关热门内容，提升体验

网站表单输入框无法输入或输入卡顿

1. 检查输入框是否被禁用（disabled）或只读（readonly）；2. 修复输入事件监听，避免事件冒泡或阻止默认行为；3. 排查是否有脚本频繁操作输入框，导致卡顿；4. 确保输入框无样式遮挡，可点击聚焦