班级优化大师使用教程

网站 localStorage 存储数据丢失

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

网站 OCR 识别文字重复或缺失

1. 检查图片清晰度，确保文字无模糊、遮挡；2. 修复 OCR 接口的识别参数，调整识别精度；3. 核实图片是否倾斜，先进行校正再识别；4. 处理识别结果后处理，去重或补全缺失文字

网站文件上传进度条不更新

1. 检查 XMLHttpRequest 的 progress 事件监听是否正确；2. 修复进度计算逻辑，确保百分比准确（loaded/total）；3. 核实服务器是否返回 Content-Length 头，便于计算进度；4. 处理大文件分片上传时的进度累加逻辑

网站内容可读性差，用户体验不佳

1. 选择易读字体（如微软雅黑、Roboto），字体大小不小于 14px；2. 提高文字与背景的对比度（建议不低于 4.5:1）；3. 拆分长段落，每段不超过 3 行，用标题 / 列表分隔；4. 适当添加图片，提升内容趣味性

网站图表无法显示或加载失败

1. 检查图表插件是否正确加载，依赖的 JS 库（如 Chart.js、ECharts）是否完整；2. 核实图表数据格式是否正确，与插件要求一致；3. 确保图表容器有明确的宽高，避免无法渲染；4. 查看浏览器控制台，排查脚本错误或数据为空

网站视频在线播放卡顿

1. 提供多码率视频，适配不同网络速度；2. 启用视频分段加载，避免缓冲等待；3. 优化视频服务器带宽，提升传输速度；4. 采用 CDN 加速视频分发，减少延迟

网站后台管理页面加载缓慢

1. 优化后台查询逻辑，减少数据加载量；2. 压缩后台静态资源（CSS/JS/ 图片）；3. 分页加载后台数据，避免一次性加载过多；4. 关闭后台不必要的日志输出，提升响应速度

网站未整合社交媒体，传播性差

1. 添加社交媒体分享按钮（微信、微博、Facebook 等）；2. 嵌入社交媒体动态（如微博 feed、微信公众号文章）；3. 在网站底部展示社交媒体账号，引导关注；4. 定期在社交媒体发布网站内容，吸引流量

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

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