-
controls不生效主因是拼写错误（如control）、资源加载失败（404/MIME错误/编码不支持）或autoplay未配muted；原生控件不可CSS定制，需JS自定义；多格式+preload="metadata"更可靠。
-
答案：通过CSS的@keyframes和animation属性可实现背景颜色渐变动画。1.使用background-color在多色间循环渐变；2.动画linear-gradient的角度实现方向变化；3.改变渐变颜色位置制造滑动效果；4.利用伪元素位移创建扫光等高级动效。根据视觉需求选择方案，注意性能优化。
-
document.documentElement.scrollTop在Chrome/Firefox中常为0，因实际滚动容器是body；应优先使用window.pageYOffset或document.scrollingElement.scrollTop获取准确滚动距离。
-
应设计可恢复的懒加载重试机制：用ErrorBoundary稳住UI并提供重试入口；封装lazyWithRetry支持指数退避、超时控制与日志上报；结合预加载、缓存及FeatureFlag实现灰度降级。
-
首先配置Scrivener的编译设置以生成HTML和独立CSS文件，接着通过标签映射定义语义化结构，然后嵌入自定义CSS控制排版样式，最后导出并验证HTML与CSS文件的完整性和正确链接。
-
HTML无原生“精华”语义标签，加权依赖后端注入data-属性（如data-essence="true"）并由前端JS/CSS消费，首屏直出确保稳定性与SEO，ARIA仅用于无障碍，不参与权重逻辑。
-
MutationObserver回调不触发最常见原因是配置漏项或目标节点失效：需显式调用observe()且target必须真实存在；监听class/style需用setAttribute而非property赋值；childList监听需注意subtree和removedNodes处理；attributeFilter与attributeOldValue须配合使用以避免性能问题。
-
代码审查中，GitHooks结合自动化检查可提升效率。通过pre-commit、pre-push等钩子在提交或推送前自动执行ESLint、Prettier、flake8等静态检查工具，并利用lint-staged仅检测变更文件，既能保障代码质量又不影响速度。使用Husky统一管理钩子脚本，确保团队协作规范，强制执行提交格式、禁止调试语句、测试覆盖率等规则，减少重复评审意见。注意事项包括避免耗时脚本影响体验、提供清晰错误提示、将脚本纳入版本控制，并在CI/CD中重复关键检查，防止本地绕过。最终目标是将机械性
-
BackgroundSyncAPI不能在断网时自动重试，仅在网络恢复且ServiceWorker活跃时触发sync事件；需配合IndexedDB持久化请求数据，并在sync事件中重建并发送。
-
通过设置flex-direction:column、flex-wrap:wrap和align-content，可实现Flexbox容器内子元素按列多行排列并控制列间对齐方式。
-
伪元素::after是纯CSS实现点击波纹的唯一可行载体，需配合position:relative、content:""、:active或touchstart触发、transform:scale()动画、transform-origin:center及JS坐标计算与移动端兼容处理。
-
type="color"需运行时检测：创建input元素并设type="color"，若读取type仍为"color"才真支持；iOSSafari等返回"text"且不弹面板；input事件跨平台不一致，Safari仅支持change；它不能作吸管工具，无法读取图像像素颜色。
-
ChromeDevTools通过Performance面板定位CSS选择器复杂引发的样式重计算、强制同步布局及重排开销：关注“RecalculateStyle”长任务、调用栈中getComputedStyle等布局读取、高频匹配的选择器，结合Rendering面板层异常与querySelectorAll验证优化效果。
-
cursor属性常用值包括pointer、default、wait、help等通用值；grab、zoom-in等值在旧版Safari中兼容性差，需谨慎使用或添加浏览器前缀。
-
backdrop-filter不支持transition动画，监听transitionend无效；应使用opacity+预设backdrop-filter实现淡入，Safari需控制blur值并避免overflow容器直接应用。
