-
cancelAnimationFrame必须传入requestAnimationFrame返回的有效帧ID才能取消未执行的帧请求，无法中断已进入回调队列的当前帧；动画函数内部须加状态守卫提前return，避免多余操作和内存泄漏。
-
grid-template-areas引号不可省略，否则布局失效；span必须显式声明跨距；gap在旧版Flex中无效；dense模式不改变DOM顺序且z-index无效。
-
::marker颜色未生效主因是父元素color继承或浏览器兼容性不足；仅Chrome108+、Firefox89+、Safari15.4+支持，且Safari对flex/li包裹等场景静默忽略；它仅支持color、content、font-*等极少数属性，不支持大小、对齐或定位。
-
HTML本身不处理请求竞态，需用JavaScript配合AbortController中断旧请求或用requestID过滤过期响应，防抖仅减少请求数量，不能替代竞态控制。
-
使用CSS的:hover伪类可触发动画效果，通过transition实现颜色、大小等属性的平滑过渡，或结合@keyframes定义复杂动画如旋转。示例中按钮悬停时变色放大，旋转元素仅在悬停时执行动画。需注意避免过度动画影响体验，优化性能并兼顾移动端兼容性，合理运用可提升界面交互性与视觉效果。
-
必须用CustomEvent构造函数传参，其detail字段携带任意数据，需手动dispatchEvent触发；newEvent无detail属性，无法传参；框架中应优先使用$emit或props回调，原生事件仅适用于WebComponent等特定场景。
-
JavaScript数组索引本质是字符串属性名，如arr[0]等价于arr['0']；length仅由最大数字索引决定，非数字属性不影响长度；for...in会遍历所有可枚举属性（含非索引属性），故不适用于数组元素遍历。
-
WebLocksAPI不能协调多个ServiceWorker实例间的锁，因同源下浏览器只允许一个ServiceWorker处于active状态；其生命周期为install→waiting→active，新旧版本不共存执行，所谓“多个实例”实为版本切换而非并发。
-
必须加-webkit-前缀才能生效，因Safari、旧Chrome及iOS/macOS系统仅支持-webkit-background-clip:text和-webkit-text-fill-color:transparent，且Firefox110+才开始支持标准属性。
-
JavaScript不支持传统函数重载，但可通过参数数量、类型或结构手动模拟：先判数量，再用typeof、Array.isArray()、instanceof等精准识别类型，推荐封装工具函数并采用配置对象模式提升可维护性。
-
通过JavaScript动态将scrollTop设置为scrollHeight，结合CSS的flex-direction:column布局，可确保消息容器在内容更新后自动滚动到底部，实现类Chat应用的流畅体验。
-
本文介绍使用JavaScript的flatMap()方法，将满足条件（如flex数组中含'LB'）的单个数据对象按比例拆分为两个新对象（分别对应'L'和'B'），并确保最终结果为扁平化数组。
-
可选链操作符（?.）是防止“Cannotreadproperty”错误的核心机制，用于安全访问可能为null/undefined的嵌套属性、方法或索引，但不可用于赋值或独立表达式，需配合??而非||做兜底。
-
当left和right同设为0时元素不拉伸，是因为absolute/fixed元素width默认由内容决定，未设width且父容器无明确宽度时浏览器无法计算唯一宽度值，故忽略right约束。
-
ToPrimitive转换路径由hint驱动：先返回原始值则终止；否则优先调用Symbol.toPrimitive；若无或返回非原始值，则按hint顺序尝试valueOf/toString（Date的"default"例外走字符串路径）。
