优化设计的概念是什么

网站导航栏滚动时固定效果失效

1. 检查滚动事件监听是否正确，触发固定样式的条件是否合理；2. 修复导航栏的 position 属性切换逻辑（static→fixed）；3. 确保固定后的导航栏宽度正确，无布局错乱；4. 处理导航栏 z-index 值，避免被其他元素覆盖

网站音频播放无法暂停 / 播放

1. 检查音频控制按钮事件绑定是否正确；2. 修复音频元素状态管理逻辑；3. 确保音频文件加载完成，无网络异常；4. 测试不同浏览器，排查兼容性问题

网站图片未添加 ALT 属性，影响 SEO

1. 为所有图片添加 ALT 属性，描述图片内容，包含关键词；2. 确保 ALT 属性简洁准确，不超过 100 字；3. 避免所有图片使用相同 ALT 属性；4. 对装饰性图片，ALT 属性留空

网站模态框打开后背景滚动无法禁止

1. 打开模态框时给 body 添加 overflow: hidden 样式；2. 修复移动端触摸事件，禁止背景滚动；3. 确保模态框关闭时移除禁止滚动样式；4. 处理 iOS 系统的弹性滚动问题，添加额外兼容代码

网站页面加载完成后部分元素不显示

1. 检查元素 CSS 样式，是否存在 display: none、visibility: hidden 或 opacity: 0；2. 修复元素渲染逻辑，确保依赖的数据加载完成后再渲染；3. 核实元素是否超出视口范围，需滚动查看；4. 处理浏览器兼容性问题，添加针对特定浏览器的样式修复

网站用户密码重置功能失效

1. 检查重置链接是否有效，是否过期；2. 核实重置邮件 / 短信是否正常发送；3. 修复密码重置逻辑，确保密码正确更新；4. 提供人工重置通道，辅助用户找回密码

网站下拉框选项动态加载时卡顿

1. 检查动态加载接口是否优化，返回数据是否分页；2. 修复加载逻辑，添加防抖处理，避免输入过快导致频繁请求；3. 核实返回数据是否过滤无效选项，减少数据量；4. 优化下拉框渲染，避免频繁 DOM 操作

网站表单提交失败，数据无法保存

1. 检查表单验证逻辑，是否误判合法输入；2. 查看后端日志，排查数据插入数据库时的错误；3. 确保表单提交方式（GET/POST）与后端接口一致；4. 增加表单提交反馈，提示用户提交状态

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

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