-
Firefox完整支持mask-composite全部值，Chrome/Edge虽识别关键词但忽略语义、始终按add逻辑合成，根源在于该属性属CSSMaskingLevel1“at-risk”特性，Blink引擎尚未实现可配置合成模型，生产环境应降级使用SVG<mask>或clip-path。
-
交叉类型（Intersection Types）的作用，说白了就是把多个类型“叠加”到一起，组合成一个全新的类型，而这个新类型会同时具备所有成员类型中的内容。 这类似于面向对象中的多重继承，让一个类型可以拥有多个类型的特性。 交叉类型工作原理 类型 A (Person) name: string a
-
嵌套路由是前端声明式UI层级组织方式，非标准术语“路由嵌套树”实为混淆概念；其底层高效匹配依赖RadixTree等前缀树结构，而非直接对应代码中的嵌套配置。
-
align-self用于控制单个网格项在网格区域内的垂直对齐，可覆盖align-items设置。取值包括flex-start（顶部）、flex-end（底部）、center（居中）、stretch（拉伸，默认）和baseline（基线对齐）。例如在display:grid容器中，.item-center{align-self:center}使该元素垂直居中，.item-bottom{align-self:flex-end}使其底部对齐，而其他项仍按align-items:stretch拉伸。注意仅直系子元
-
optgroup必须嵌套在select内且label属性非空，否则不渲染；它仅用于前端分组展示，不提交数据，disabled禁用整组但标题仍显示，移动端和屏幕阅读器支持有限。
-
本文深入解析HTML属性值内双引号（"）的处理规则，阐明为何"编码对onclick等事件属性至关重要，并通过对比示例揭示浏览器解析器如何区分分隔符与字面量双引号。本文深入解析HTML属性值内双引号（`"`）的处理规则，阐明为何`"`编码对`onclick`等事件属性至关重要，并通过对比示例揭示浏览器解析器如何区分分隔符与字面量双引号。在HTML中，双引号（"）具有双重角色：既是属性值的语法分隔符，又可
-
使用:hover改变背景色可实现列表项高亮。1.设置li默认背景色和内边距；2.悬停时修改background-color为高亮色；3.保持padding、border等一致避免布局偏移；4.可添加transition实现平滑过渡。仅改变颜色不调整几何属性，确保不影响其他元素布局。
-
CSS变量本身不支持transition，必须将其绑定到color等可动画的原生属性上并对其声明transition，变量更新后原生属性值重算才能触发过渡。
-
动态发布编辑器的核心是让用户输入后立即以HTML形式追加并可交互；应使用createElement+textContent安全插入，避免innerHTML导致的DOM重置、性能下降、XSS风险及事件丢失。
-
移动端H5横竖屏闪屏主因是浏览器重排/重绘，应监听resize而非orientationchange，配合防抖、CSS硬件加速（如transform:translateZ(0)）、避免读写交替及iOS滚动修复。
-
JavaScript类实例可直接解构赋值，前提是属性为实例自身可枚举属性；也可通过toObject()方法返回纯对象再解构；或实现Symbol.iterator支持数组式解构；还可结合默认值增强容错性。
-
Sass嵌套不提升优先级，但易生成高权重选择器；关键在意识嵌套生成的CSS结构。&代表上层完整选择器字符串，空格决定后代或拼接，@at-root(with:media)防权重抬升，%占位符替代深层继承降权。
-
<noscript>对新HTML标签无效，因其仅响应JS禁用而非浏览器不支持；应使用特性检测（如typeofHTMLDialogElement）配合动态降级或轻量polyfill。
-
漏了user-scalable=no会导致浏览器允许缩放，双击或手势后残留放大态，小数像素渲染误差使Grid边缘错位出白边；应补上该参数或改用maximum-scale=1.0并配合body{margin:0}、minmax()等精度控制。
-
HTML弹窗被拦截时浏览器静默失效，不抛错、不返回失败值、不触发回调；需在用户手势上下文（如click事件）中同步调用window.open()，或采用预留窗口（'about:blank'）再导航的合规方案。
