简述搜索引擎优化的主要优缺点

网站 localStorage 存储数据丢失

1. 检查存储数据大小，不超过 5MB 限制；2. 避免存储敏感数据，防止浏览器清理；3. 增加数据备份机制，定期同步到服务器；4. 处理浏览器隐私模式下 localStorage 不可用的情况

网站标签页切换时标题不更新

1. 检查标签页切换事件，是否正确修改 document.title；2. 修复标题数据传递，确保每个标签页的标题参数正确；3. 核实是否存在浏览器缓存标题，未及时刷新；4. 切换标签页后手动触发标题更新，排查事件绑定问题

网站 CSS 样式不生效，显示默认样式

1. 检查 CSS 文件路径是否正确，是否加载成功；2. 修复 CSS 语法错误（如括号不闭合、属性拼写错误）；3. 确保 CSS 选择器正确匹配 HTML 元素；4. 清除浏览器缓存，测试最新样式

网站管理员无法修改用户权限

1. 检查权限修改接口是否正常；2. 核实用户权限数据库表是否正确更新；3. 修复权限等级判断逻辑；4. 测试修改后权限是否生效，功能是否正常

网站表单复选框无法选中

1. 检查复选框 input 元素 type 是否为 checkbox；2. 修复选中事件逻辑，确保状态正确切换；3. 确保复选框无样式遮挡，可点击；4. 测试不同浏览器，排查兼容性

网站图表 tooltip 显示不全，内容被截断

1. 检查 tooltip 的样式配置，调整 width、height 属性；2. 修复 tooltip 的 overflow 属性，设置为 auto 允许滚动；3. 核实 tooltip 内容是否过长，简化显示信息；4. 调整图表的边距，给 tooltip 预留足够显示空间

网站表单单选框无法选中

1. 检查单选框 input 元素 name 属性是否相同；2. 修复选中事件逻辑，确保状态正确切换；3. 确保单选框无样式遮挡，可点击；4. 测试不同浏览器，排查兼容性

网站音频进度条无法拖动

1. 检查音频文件是否支持 seek 操作；2. 修复进度条事件逻辑；3. 确保音频流媒体配置正确；4. 处理网络波动导致的进度同步问题