移动端如何优化

网站在 Firefox 浏览器显示异常

1. 检查 CSS 兼容性，使用前缀（-moz-）适配 Firefox；2. 避免使用浏览器专属属性，采用标准 HTML/CSS；3. 用 Firefox 开发者工具排查布局问题；4. 测试不同 Firefox 版本，确保兼容主流版本

网站出现 XSS 跨站脚本攻击

1. 转义输出内容，过滤 script、iframe 等危险标签；2. 启用 CSP（内容安全策略），限制脚本加载源；3. 设置 cookie 为 HttpOnly，防止 JS 窃取；4. 定期更新前端框架，修复已知 XSS 漏洞

网站表单时间选择器分钟步长设置无效

1. 核实时间选择器的 stepMinutes 参数配置是否正确；2. 修复插件初始化逻辑，确保步长参数正确传递；3. 避免自定义样式覆盖插件默认步长控制；4. 测试不同时间格式（12 小时 / 24 小时制）下的效果

网站图片旋转功能失效

1. 检查旋转插件是否正确加载；2. 修复旋转事件逻辑，确保角度正确切换；3. 确保旋转后的图片不扭曲；4. 处理旋转后图片保存问题

网站服务器时间错误，影响业务逻辑

1. 同步网络时间协议（NTP），确保服务器时间准确；2. 调整服务器时区，与业务所在时区一致；3. 检查应用程序是否依赖服务器时间，避免逻辑错误；4. 定期校准服务器时间，防止偏差

网站 CSS 动画在移动端卡顿严重

1. 优化动画属性，优先使用 transform 和 opacity（硬件加速）；2. 减少动画元素数量和复杂程度，避免过度绘制；3. 修复动画帧率，设置 animation-duration 合理值；4. 针对移动端单独优化动画，降低性能消耗

网站 JavaScript 定时器在后台页面停止执行

1. 检查浏览器是否启用了后台页面节流策略，调整定时器逻辑；2. 修复定时器触发条件，改用 visibilitychange 事件监听；3. 核实是否需要后台持续执行，必要时使用 Web Worker；4. 页面恢复显示后校准定时器状态

网站分布式架构下数据不一致

1. 采用分布式事务（如 TCC、SAGA）确保数据同步；2. 使用缓存同步机制（如 Redis Cluster），保持缓存一致性；3. 设计最终一致性方案，容忍短期数据偏差；4. 定期校验分布式节点数据，修复不一致问题

网站富文本编辑器字数统计不准确

1. 检查字数统计逻辑，是否正确过滤 HTML 标签（仅统计纯文本）；2. 修复统计触发机制，确保实时更新（如输入、删除、粘贴后）；3. 核实是否包含空格、换行符等字符的统计；4. 处理中文、英文、数字的统计规则（如是否 1 个中文 = 2 个字符）