系统优化的方法要求我们掌握哪些技能

网站满减活动满足条件但未自动减免

1. 检查满减活动规则判断逻辑（如是否包含指定商品、是否叠加其他优惠）；2. 修复满减计算逻辑，确保订单金额达到门槛后自动减免；3. 核实满减活动是否在有效期内，未下架；4. 刷新订单页面，重新计算满减金额

网站 PWA 应用在 IE 浏览器无法安装

1. 检查 IE 浏览器是否支持 PWA，目前 IE 不支持 PWA 特性；2. 提供传统网页版替代，确保 IE 用户可正常访问；3. 提示用户升级到 Edge 浏览器（支持 PWA）；4. 优化非 PWA 功能，提升 IE 浏览器下的用户体验

网站在线编辑文档无法多人实时协作

1. 检查协作插件的 WebSocket 连接是否正常，确保数据同步；2. 修复用户权限判断，确保协作用户有编辑权限；3. 核实文档版本控制逻辑，避免编辑冲突；4. 测试双人协作场景，排查同步延迟或数据覆盖问题

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

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

网站二维码扫码后跳转地址错误

1. 检查二维码生成时的跳转地址参数是否正确；2. 核实地址是否包含特殊字符，未进行 URL 编码；3. 确保跳转地址的域名可访问，无拼写错误；4. 测试不同扫码工具，排查兼容性问题

网站页面滚动时元素错位或抖动

1. 检查 CSS 定位属性（如 position: fixed）是否正确，避免滚动时偏移；2. 修复滚动事件监听逻辑，避免频繁修改 DOM 导致回流；3. 确保元素宽高固定，或使用 flex/grid 布局适配滚动；4. 处理移动端滚动穿透问题，避免弹窗滚动影响背景

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

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

网站 HTTPS 证书过期，提示不安全

1. 重新申请 SSL 证书，替换过期证书；2. 配置证书自动续期（Let's Encrypt 可自动续期）；3. 在证书过期前 1 个月设置提醒，避免遗漏；4. 确保 Web 服务器配置中证书路径正确

网站在线客服功能无法发起对话

1. 检查客服系统插件是否正确加载，依赖的 JS 是否完整；2. 核实客服是否在线，无离线导致无法接收对话；3. 修复对话发起接口，确保用户信息正确传递；4. 处理网络异常，提供重试入口