-
抖动动画应使用transform:rotate()配合animation，旋转角度控制在±2°～±5°，配合transform-origin、0.3s～0.5s动画时长、cubic-bezier(0.45,0.15,0.55,0.85)缓动函数及animation-fill-mode:forwards。
-
CSS变量是ShadowDOM中唯一原生支持的安全样式穿透机制，因其求值延迟特性可沿继承链跨影子边界查找；需在宿主或祖先声明，配合fallback并注意兼容性与命名规范。
-
模块化+状态驱动实现A/B测试的清晰切换与高可维护性，通过解耦变量、策略、渲染层并以统一状态控制行为流向。
-
能，getComputedStyle可读取动画中实时位移值，但需等待样式生效（如requestAnimationFrame后）并解析transform矩阵获取精确像素值。
-
color-stop位置必须带单位，百分比或长度值缺一不可；漏单位会导致色标被丢弃，多色标重叠可实现硬边过渡，rgba可控制透明度，radial-gradient中位置基于径向半径比例，旧Safari对同位置多色标支持不稳定。
-
h1和h2标签在HTML中的三个关键差异是：1.h1用于页面主标题，h2用于子主题；2.h1字体默认比h2大；3.一个页面通常只有一个h1，多个h2用于划分章节。
-
PWA无法替代原生App，但在特定场景下可低成本逼近其体验；iOS因Safari限制导致安装率低、后台能力弱、地址栏无法完全隐藏，而AndroidWebView需满足HTTPS、JS启用、权限配置等条件才能注册ServiceWorker。
-
BFC能清除浮动是因为它使父容器形成独立渲染区域，将浮动元素包含在内从而撑开高度；触发条件包括float不为none、position为absolute/fixed、display为inline-block/table-cell等、overflow不为visible。
-
本文详解如何解决为动态创建的DOM元素（如待办列表中的“完成”按钮）绑定事件时出现的Cannotsetpropertiesofnull错误，核心方案是避免重复ID、改用事件委托，并推荐使用createElement替代innerHTML+=。
-
Flexbox容器内文字不会自动随容器缩放，必须通过clamp()配合容器查询或ResizeObserver实现响应式字号。
-
position:relative本身不引起偏移，必须配合top/right/bottom/left才生效；它建立新定位上下文、不脱离文档流、影响后续布局且支持z-index。
-
animation-direction取值为normal、reverse、alternate、alternate-reverse，分别控制动画每轮的播放方向逻辑；设reverse无变化常因关键帧定义未适配倒播顺序。
-
Canvas是HTML5位图绘图API，核心在于控制2D上下文路径操作：获取上下文、设置样式、定义路径、调用fill/stroke渲染；动画需requestAnimationFrame循环清屏重绘。
-
Intl.DateTimeFormat是JavaScript中用于国际化日期和时间格式化的强大工具。1.它能根据指定的语言环境自动处理日期格式、月份名称、星期几、时区等；2.支持通过options对象精细控制年、月、日、时、分、秒等组件的显示方式；3.提供dateStyle和timeStyle快捷选项用于常用格式；4.支持指定时区（timeZone）及时区名称（timeZoneName）；5.相比传统Date方法，具备更高的灵活性、更精细的控制、更强大的国际化支持及更优的性能；6.使用时应明确指定loca
-
在JavaScript中获取数组交集的推荐方法是结合Set和filter，1.对于原始值数组，将一个数组转换为Set，利用其O(1)查找效率，再用filter筛选出另一数组中存在于Set的元素，实现O(m+n)时间复杂度；2.对于对象数组，需指定比较键（如id），将第二个数组的键值构建成Set，再过滤第一个数组中键值存在于Set的对象；3.实际选择算法时应权衡数组大小、数据类型、代码可读性及是否引入工具库，优先推荐Set方案以兼顾性能与简洁性，该方法完整有效且适用于大多数场景。
