.资源优化的方法主要有

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

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

网站下拉框选项搜索无结果或搜索缓慢

1. 修复搜索逻辑，确保关键词匹配准确（支持模糊查询）；2. 优化搜索算法，减少查询耗时；3. 实现输入防抖，避免输入过快导致的频繁查询；4. 处理无结果时的提示，引导用户调整关键词

网站 AJAX 请求返回 408 请求超时

1. 检查接口响应时间是否过长，优化查询或业务逻辑；2. 修复前端 AJAX 的 timeout 参数，延长超时时间；3. 核实网络环境是否稳定，无数据包丢失；4. 分拆大请求为小请求，减少单次请求数据量

网站导出 Excel 文件打开乱码

1. 设置 Excel 文件编码为 UTF-8+BOM；2. 确保导出数据格式正确，无特殊字符；3. 修复 Excel 文件头设置，指定正确的 MIME 类型；4. 测试不同 Excel 版本，确保兼容

网站模态框（弹窗）无法关闭或打开多次

1. 检查关闭按钮的事件绑定是否正确，无重复绑定；2. 修复模态框显示状态标识，避免多次打开叠加；3. 确保模态框的 z-index 值足够高，不被其他元素遮挡；4. 处理模态框关闭后的回调函数，重置表单或数据

网站遭受 SQL 注入攻击

1. 对用户输入进行过滤和转义，避免直接拼接 SQL 语句；2. 使用参数化查询或 ORM 框架（如 MyBatis、Eloquent）；3. 限制数据库账户权限，仅授予必要操作权限；4. 定期进行安全审计，扫描注入漏洞

网站地理位置获取失败

1. 确保用户授予地理位置权限；2. 修复 HTTPS 环境限制（HTTP 无法获取地理位置）；3. 提供手动选择地理位置的备选方案；4. 处理浏览器不支持 Geolocation API 的情况

网站 JavaScript 代码在 IE 浏览器报错 “对象不支持此属性或方法”

1. 检查是否使用了 IE 不支持的 ES6 + 语法（如箭头函数、let/const）；2. 修复代码，替换为兼容写法（如 var 替代 let/const）；3. 核实是否缺少 polyfill 库，补充必要的兼容性代码；4. 测试 IE 不同版本，针对性修复兼容问题

网站表单单选框无法选中

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