-
white-space:nowrap无效常见因父容器未设overflow-x:auto或子元素为display:block；需父设nowrap、子用inline-block或flex，注意iOS滚动卡顿及inline-block间隙问题。
-
HTML不定义事件payload结构，data-属性是唯一合规载体，CustomEvent.detail承载载荷，监听时须校验event.detail存在性及结构一致性。
-
必须设table-layout:fixed才能控列宽，配合width:100%和显式列宽（如<thstyle="width:25%">），再结合data-label卡片模式或容器水平滚动，兼顾响应式与可访问性。
-
@media(prefers-color-scheme)可原生检测系统暗色/亮色偏好，仅响应操作系统设置，需写为@media(prefers-color-scheme:dark)等完整语法，推荐默认亮色、媒体查询覆盖暗色以避免回退异常。
-
Generator函数不支持方法简写语法，必须用function显式声明；对象或类中需通过完整函数表达式赋值，仅计算属性名（如[Symbol.iterator]）内可用简写。
-
需用JavaScript实现网页倒计时：一、Date计算时间差并setInterval每秒更新；二、data-*属性解耦目标时间；三、requestAnimationFrame提升精度；四、padStart补零格式化；五、通过时区标记（如Z或+08:00）或时间戳规避本地偏差。
-
Grid列宽被内容撑开的本质是浏览器按min-content自动伸缩，应使用minmax(0,1fr)替代1fr并配合overflow:hidden等样式控制溢出。
-
JavaScript闭包是函数访问外部作用域变量的能力，即使外部函数已执行完毕。它基于词法作用域和作用域链机制，通过函数嵌套、内部函数引用外部变量并被外部保留而形成。例如outer函数返回inner，inner持续访问outer的count变量，实现状态持久化。闭包可用于模拟私有变量，如IIFE封装privateCount，仅暴露increment和getValue接口，保护数据不被外部直接访问。在事件绑定中，闭包解决循环索引共享问题，通过自执行函数为每个按钮保存独立的索引值。此外，闭包支撑柯里化（如ad
-
WeakMap和WeakSet通过弱引用避免内存泄漏，适用于缓存数据、存储私有属性和标记对象状态。其键或值不阻止垃圾回收，适合管理对象生命周期相关的场景。
-
AndroidWebView中input获焦后页面上移遮挡是因系统滚动锚点失控，修复需禁用adjustResize、避免fixed/transform、用scrollIntoView({block:'nearest'})微调，并确保viewport和CSS防护到位。
-
try-catch仅捕获同步异常，无法捕获异步错误、语法错误或资源加载失败；适用于JSON解析、深层属性访问等同步风险操作，需按错误类型差异化处理并保留原始堆栈。
-
location.hash跳转失败主因是目标元素未渲染或id不合法；需确保id唯一、纯ASCII，并在DOM挂载后操作，必要时用scrollIntoView补救；刷新丢hash应手动拼接URL而非reload；SPA中锚点跳转需兼顾路由与服务端fallback。
-
负边距导致重叠内容被裁切或错乱，因容器不自动扩容且可能有overflow:hidden；需用position+z-index控制层叠，或grid-row/column精准定位共享轨道。
-
animation-fill-mode:forwards仅对完整执行完毕的动画生效，若被paused或JS修改animation属性则失效；需确保动画自然结束，暂停用animationPlayState，读取状态用getComputedStyle和DOMMatrix。
-
:has()无法实现真正隔行变色，只能通过条件过滤跳过特定行；其本质是存在性判断而非序号计算，需配合:not()和兄弟选择器手动模拟，或改用JS动态添加视觉序号类。
