优化食堂管理

网站 localStorage 存储数据后无法读取

1. 检查存储的键名是否正确，无拼写错误或大小写不一致；2. 修复数据读取逻辑，确保正确反序列化（如 JSON.parse）；3. 核实浏览器是否开启隐私模式（隐私模式下 localStorage 可能受限）；4. 检查存储数据大小是否超过限制，清理无用数据

网站商品搜索结果排序混乱

1. 检查排序算法是否正确（如按销量、价格、上架时间排序）；2. 修复排序参数传递逻辑，确保用户选择的排序方式生效；3. 核实排序字段是否正确索引，提升排序效率；4. 处理无排序条件时的默认排序规则（如按综合评分）

网站下拉刷新功能异常

1. 检查下拉刷新插件是否正确集成；2. 修复触摸事件监听，确保识别下拉动作；3. 优化刷新逻辑，避免重复请求数据；4. 处理下拉刷新失败的提示，引导用户重试

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

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

网站 cookie 设置后跨域无法读取

1. 检查 cookie 的 domain 配置，是否允许跨域子域名访问；2. 修复 cookie 的 SameSite 属性，设置为 Lax 或 None（需配合 Secure 属性）；3. 核实跨域场景是否支持 cookie 传递（如前后端分离项目需特殊配置）；4. 改用 token 存储替代 cookie，规避跨域限制

网站 localStorage 数据被覆盖，原有数据丢失

1. 检查存储键名是否重复，避免不同功能使用同一键名；2. 修复数据存储逻辑，采用对象格式存储多组数据（如 JSON.stringify ({key1: val1, key2: val2})）；3. 核实是否存在误删除代码（localStorage.removeItem）；4. 备份重要 localStorage 数据，定期同步到服务器

网站字体大小调整功能异常

1. 检查字体大小切换逻辑，是否正确修改根元素 font-size；2. 确保所有文本使用相对单位（rem/em）；3. 存储用户字体大小偏好，下次访问自动应用；4. 限制字体大小范围，避免布局错乱

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

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

网站视频无法自动播放

1. 检查浏览器是否支持自动播放（部分浏览器要求静音自动播放）；2. 修复视频元素的 autoplay 属性设置，添加 muted 属性；3. 确保视频文件加载完成后再触发自动播放；4. 提供手动播放按钮，作为自动播放的备选