掌握系统优化的方法原理及方法论

网站 CSS 动画在部分浏览器不生效

1. 添加浏览器前缀（-webkit-、-moz-、-ms-）适配不同内核；2. 避免使用过于复杂的动画属性，选择标准支持的属性；3. 检查动画触发条件是否正确（如 hover、class 切换）；4. 用 Can I Use 查询属性兼容性，提供降级方案

网站服务器被入侵，数据泄露

1. 立即关闭服务器，隔离受影响系统；2. 更改所有账户密码，重置访问权限；3. 备份剩余数据，清理恶意代码；4. 排查入侵原因，修复漏洞，重新部署

网站 CSS 动画在 IE 浏览器完全不生效

1. 检查动画属性是否添加 - ms - 前缀，适配 IE 浏览器；2. 修复动画语法，避免使用 IE 不支持的属性（如 animation-delay）；3. 核实 IE 浏览器版本，是否为过低版本（如 IE8 及以下）；4. 提供 IE 浏览器降级方案，用静态样式替代动画

网站视频无法全屏播放，提示 “不支持全屏”

1. 检查视频元素是否添加了 allowfullscreen 属性；2. 修复浏览器全屏 API 调用，兼容不同内核（webkitRequestFullscreen）；3. 核实视频是否处于 iframe 中，iframe 是否设置了 allowfullscreen；4. 更换视频播放器插件，排查插件功能限制

网站表单文件上传进度不显示

1. 检查上传进度监听逻辑是否正确；2. 修复进度条渲染，确保百分比准确；3. 确保上传接口支持分片上传，返回进度；4. 测试不同文件大小，确保进度更新流畅

网站百度收录在 IE 浏览器搜索不到

1. 检查网站是否存在 IE 浏览器专属兼容性问题，导致百度抓取失败；2. 修复 robots.txt 文件，确保未禁止 IE 爬虫；3. 核实百度是否已抓取 IE 兼容版本的页面，未更新索引；4. 优化页面兼容 IE 浏览器，提升抓取成功率

网站跨域请求携带 cookie 失败

1. 前端 AJAX 请求添加 withCredentials: true 配置；2. 后端响应头添加 Access-Control-Allow-Credentials: true；3. 确保 Access-Control-Allow-Origin 不设置为 *（需指定具体域名）；4. 检查 cookie 的 domain、path 配置是否与请求域名匹配

网站 AJAX 请求失败，数据无法加载

1. 检查请求 URL 是否正确，接口是否正常；2. 核实请求方法（GET/POST）和参数是否正确；3. 修复跨域问题（CORS 配置），允许跨域请求；4. 查看网络请求日志，排查 404/500 等错误

网站实时聊天功能消息发送失败

1. 检查聊天服务器是否正常运行；2. 核实 WebSocket 连接是否稳定；3. 修复消息发送逻辑，确保数据正确传输；4. 处理网络异常，提示用户重试