-
根本原因是CPU密集型解析任务阻塞主线程，WebWorker是唯一可靠解法——它将解压、XML解析、类型推断等纯计算任务移至独立线程，确保UI持续响应。
-
<section>本质是语义化区块，需有明确主题和标题，助读屏器与搜索引擎理解结构；<div>是无语义容器，专用于布局、JS锚点等无需语义的场景。
-
能，但必须用gap配合带单位的CSS变量，且Safari14.1+才完整支持；gap不触发动画因规范未要求插值，变量须定义在作用域内并含单位（如12px），不可拼接单位或混用数字与单位。
-
new操作符的模拟需四步：1.用Object.create(constructor.prototype)创建空对象并绑定原型；2.用constructor.apply(obj,args)绑定this并执行构造函数；3.若构造函数返回对象或函数则返回它，否则返回新对象；4.整合为myNew函数。
-
闭包不直接造成GC压力，而是因意外延长局部变量生命周期使本该回收的对象滞留堆中；WebGL渲染循环中尤需警惕捕获大对象、频繁创建新闭包及隐式持有引用等问题。
-
text-transform:uppercase仅改变英文字符的视觉渲染为大写，不修改DOM原始值，对中文、数字、标点无效；适用于p、div、span等文本元素，禁用于input/textarea等需数据一致性的场景。
-
内联缓存（IC）是V8自动启用的优化机制，其效率取决于对象结构稳定性和访问模式一致性；通过预热典型对象、固定属性顺序、避免动态修改和禁用with/eval/Proxy等陷阱，可使IC快速进入高效单态；用--trace-ic和%DebugPrint可验证状态。
-
TailwindCSS任意值类不生效的主因是JIT未扫描到：方括号语法需严格无空格、非法字符，动态拼接字符串不被静态分析，且任意值类与内置类特异性相同易被覆盖；须验证编译后CSS是否含对应规则。
-
边框默认占用额外空间是因为content-box模型下width/height仅含内容区，padding和border会额外增加尺寸；改用box-sizing:border-box可使设定宽高包含padding和border，内容区自动收缩，margin不受影响。
-
浮动导致垂直导航条“断裂”的本质是父容器高度塌陷，clear:both应加在浮动元素的下一个兄弟块级元素（如main或footer）上，而非ul或li；真正修复需让父容器形成BFC，推荐display:flow-root。
-
在HTML5中实现多图叠加需用CSS定位与透明度控制：一、用position:relative+absolute配合z-index分层；二、用opacity调节融合度；三、结合transform增强动态效果；四、用Grid的grid-area实现自动重叠；五、用clip-path裁剪提升层次感。
-
loading="lazy"仅适用于明确不在首屏内、有固定宽高且处于正常文档流中的图片；首屏关键图、无尺寸属性、父级用transform/visibility:hidden、在iframe内或浏览器不支持时均会失效。
-
HTML5拖放需在dragstart中调用dataTransfer.setData()传数据，dragover必须preventDefault()才能触发drop，移动端不支持原生API需降级处理。
-
本文讲解Cypress中遍历.timestamp类span元素并准确断言其文本值的正确写法，解决因异步执行、DOM封装不当导致的断言失败问题，推荐使用cy.map()或原生.then()映射方案。本文讲解Cypress中遍历`.timestamp`类span元素并准确断言其文本值的正确写法，解决因异步执行、DOM封装不当导致的断言失败问题，推荐使用`cy.map()`或原生`.then()`映射方案。在Cypr
-
本文详解如何在FirebaseWebSDKv9+中连接同一项目下的非默认Firestore数据库（如db-2），避免误用getFirestore()，正确使用initializeFirestore()初始化指定数据库实例。本文详解如何在FirebaseWebSDKv9+中连接同一项目下的非默认Firestore数据库（如`db-2`），避免误用`getFirestore()`，正确使用`initializeFire
