HTML5音频处理需通过JavaScript调用play()和pause()方法，paused为只读属性。进度控制依赖currentTime和duration，后者需在loadedmetadata事件后获取。监听timeupdate事件实时更新进度条，需防抖处理。移动端首次播放需用户手势触发，设置currentTime需在元数据加载完成后执行。

八位Hex（ RRGGBBAA）仅在支持CSS颜色4的现代浏览器中可用，兼容IE等旧版时会被丢弃。rgba()兼容性更广，是更稳妥的选择。注意：opacity影响整个元素及其子元素，而颜色的alpha通道仅作用于该颜色自身。

响应式图片设计中，仅用img标签无法适配高分辨率屏幕。必须结合srcset指定1x、2x等不同密度图像源并包含src兜底。常见错误：媒体查询格式错误、缺失src或MIME类型不符。正确写法需按顺序排列倍率图并严格匹配属性，否则高分辨率设备静默回退至默认图像。

Bootstrap5输入框聚焦蓝色阴影由box-shadow控制，直接修改$primary变量无效。正确做法是重设--bs-form-control-focus-box-shadow变量或使用!important覆盖选择器。此外，:valid :invalid验证状态有独立阴影规则，需额外覆盖。

利用闭包特性创建工厂函数，每次调用生成独立作用域，实现状态瞬时隔离。通过深拷贝返回快照、单一入口更新状态确保读写安全。结合订阅回调驱动UI更新，无需框架。代码简洁，零依赖，兼容旧环境，适合纯静态页面轻量级状态管理。

使用uView的CountDown组件，结合服务端毫秒级结束时间戳驱动倒计时。每次UI更新前重算Math max(0,Math floor((endTimestamp-Date now()) 1000))，刷新频率设为300ms，避免累减逻辑。配置状态同步防重复点击，并在iOS切后台时重算时间戳，鸿蒙避免使用performance now()。

现代浏览器中meta标签的pragma与cache-control已失效，缓存控制必须通过HTTP响应头实现。服务端响应头具有绝对优先权，且bfcache可能绕过缓存控制，需结合pageshow事件处理。验证缓存策略应以DevTools响应头为准，忽略meta标签。注意服务端响应头优先于任何客户端设置，确保正确配置。

在Less中计算多列宽度应使用`percentage(1 @n)`而非除法以避免编译错误；间隙参与运算需用`unit()`统一单位；响应式断点内必须重算列宽；`calc()`无法动态计算，建议使用转义语法或改用CSS网格布局。