流程优化工作分析读书笔记

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

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

网站音频无法后台播放

1. 检查浏览器是否支持后台播放功能；2. 修复音频播放逻辑，避免页面隐藏时暂停；3. 确保音频元素未被页面其他脚本暂停；4. 处理 iOS/Android 系统的后台播放限制，提供引导

网站商品详情页规格选择后无法加入购物车

1. 检查规格选择校验逻辑，是否必须选择完整规格（如颜色、尺寸）；2. 修复规格 ID 传递逻辑，确保选中规格正确关联库存；3. 核实所选规格是否有库存，无库存时提示并禁用加入购物车；4. 刷新页面，重新加载规格及库存数据

网站文件下载在 IE 浏览器提示 “无法下载”

1. 检查下载接口的响应头配置，IE 对 Content-Type 有特殊要求；2. 修复文件流传输，确保 IE 能正确识别文件类型；3. 核实文件大小是否超过 IE 下载限制；4. 提供另一个下载链接，使用 IE 兼容的传输方式

网站下拉菜单滚动时被页面截断

1. 检查下拉菜单的 z-index 值，确保高于其他元素；2. 修复下拉菜单的 overflow 属性，必要时设置 overflow: auto 允许内部滚动；3. 调整下拉菜单的定位方式（如 absolute→fixed），适应滚动场景；4. 限制下拉菜单最大高度，避免超出视口

网站复选框 / 单选框选中状态不保存

1. 检查表单提交时是否正确获取选中状态；2. 修复编辑页面的选中状态回显逻辑；3. 确保复选框 / 单选框的 name 和 value 属性设置正确；4. 处理动态生成的复选框 / 单选框，绑定正确事件

网站表单日期选择器无法显示

1. 检查日期选择器插件是否正确加载；2. 修复触发事件逻辑（如

网站地图标注位置错误

1. 检查地图标注的经纬度是否正确，无输入错误；2. 修复标注位置调整逻辑，允许手动拖动标注；3. 核实地图缩放级别是否合适，标注是否在可视范围内；4. 更换地图数据源，确保地理位置匹配准确

网站页面滚动卡顿，动画不流畅

1. 优化 CSS 动画，使用 transform 和 opacity 属性（GPU 加速）；2. 减少页面 DOM 元素数量，避免复杂选择器；3. 禁用不必要的滚动事件监听，减少主线程阻塞；4. 测试不同设备性能，针对低端设备优化