-
normalize.css是最快最稳妥方案，它校准而非清零浏览器默认样式，统一h1margin、button字体继承、textarea可缩放等行为；必须置于所有自定义CSS之前，否则html行高、button字体等基础校准会被覆盖，导致FOUC或样式失效。
-
hidden属性加了却没隐藏，是因为CSS未配置兜底规则[hidden]{display:none!important}，导致全局样式覆盖其默认行为；它本质是HTML5语义化隐藏机制，非CSS控制。
-
Leaflet用L.control.scale()一行添加准确比例尺，自动适配缩放与投影；Mapbox需手动计算pixelsToMeters并监听moveend；注意CSS盒模型、DPR和高纬度精度问题。
-
不能用，HTML5已移除语义支持；现代浏览器为兼容性仍解析但不保证渲染一致，strict模式下可能被忽略或降级，W3C明确定义为obsolete。
-
screen-spanning媒体查询不可靠，不应作为唯一判断依据；它仅在Chrome119+/Edge97+支持，Safari/Firefox不支持，且依赖真实双屏硬件与系统跨屏渲染模式，易因缩放、iframe或厂商屏蔽而失效。
-
new.target是JavaScript中用于检测构造函数调用上下文的元属性，仅在类或构造函数内有效，不参与网关的路由转发、协议转换、流式分发或弹性机制等核心职责。
-
sticky元素“滚到父容器底就消失”是因为其被限制在粘性约束矩形内生效，超出该矩形底部即退回到relative定位。该矩形由最近可滚动祖先的内容边界决定，可通过DevTools观察position计算值变化或getBoundingClientRect()验证。
-
用CSStransform+SVG可实现可缩放仪表盘刻度，核心是用<line>配合rotate()精准生成角度刻度，需统一坐标系、动态生成、极坐标计算末端点并用text-anchor/dominant-baseline对齐数字，避免单位混淆与硬编码。
-
HTML5交互需用addEventListener绑定事件、textContent操作语义化标签内容、value属性读写表单新控件，并注意及时解绑监听器、避免内存泄漏及浏览器兼容性问题。
-
本文详解JavaScript中for...in与for...of的核心区别，重点说明为何for...in仅输出数组索引，而for...of才能直接获取数组元素，并提供可运行示例与实用注意事项。本文详解JavaScript中for...in与for...of的核心区别，重点说明为何for...in仅输出数组索引，而for...of才能直接获取数组元素，并提供可运行示例与实用注意事项。在JavaScript中，for
-
可用Object.getPrototypeOf获取实例直接原型，再用===与目标构造函数.prototype严格比对，精准验证实例是否由该构造函数直接创建；也可用isPrototypeOf检查原型链中是否包含某原型。
-
checkbox方案适合静态页、SEO敏感或防JS失效场景，因其用:checked伪类天然提供布尔状态，无需事件监听或DOM状态维护，但需正确HTML结构、ID关联、媒体查询优先级处理及少量JS实现滚动锁和遮罩关闭。
-
Block通过编译期静态分析识别动态节点并打patchFlag，运行时借助openBlock/createBlock协同维护blockStack与currentBlock，将所有动态子代（含后代）扁平化收集至dynamicChildren数组，更新时仅遍历该数组实现精准patch，跳过全部静态节点。
-
background-blend-mode不生效需确认三件事：必须有至少两层背景（如图片+颜色或两张图片）；所有图层须写在同一background或background-image+background-color声明中；不支持伪元素单独设混合。
-
Number.isNaN更可靠，因它只对数字类型且值为NaN返回true，而全局isNaN会先强制转换类型再判断。替换时需确认参数已是数字类型、仅需排除NaN、不依赖类型宽容；否则行为突变。
