-
应使用CSScolor属性而非废弃的<font>标签；内联样式适合临时调试，类选择器利于统一维护；需显式定义伪类如:hover；注意可访问性与对比度规范。
-
TailwindCSS不支持在类名中直接使用calc()表达式，因其工具类为静态预生成，仅识别配置值或字符串字面量，不解析运行时CSS函数；方括号语法（如w-[calc(100%-2rem)]）仅透传合法CSS值字面量，而calc()是需浏览器计算的函数调用，JIT引擎拒绝解析且生成无效CSS。
-
IntersectionObserver初始化时不触发回调，主因是目标元素未挂载到DOM或offsetParent为null（如display:none、父级未渲染）；需确保元素已渲染且可见，延迟至useEffect/mounted中调用observe，并验证getBoundingClientRect有效。
-
不能继承HTMLInputElement等内置表单元素，因浏览器已策略性封禁；唯一稳定方案是自治型自定义元素+attachInternals()，通过setFormValue和setValidity接入原生表单管线。
-
Firefox完整支持mask-composite全部值，Chrome/Edge虽识别关键词但忽略语义、始终按add逻辑合成，根源在于该属性属CSSMaskingLevel1“at-risk”特性，Blink引擎尚未实现可配置合成模型，生产环境应降级使用SVG<mask>或clip-path。
-
Webpack中控制CSS引入路径的关键是编译期决定模块引入，而非运行时判断；正确做法是在配置中通过环境变量选择entry或rules，或用DefinePlugin注入后在JS中用动态import()按需加载。
-
Firefox51及更早版本不支持align-self和justify-items（除stretch外），需用margin:auto等兼容方案替代；Firefox52起才完整支持。
-
EarlyHints（103）是服务器在主响应前发送的提示性状态码，仅通过Link头告知浏览器后续将使用的资源，由浏览器自主决定是否预加载；它不传输内容、不保证执行，且仅对HTML中实际引用的资源生效。
-
Dreamweaver2026中align属性失效，因HTML5已废弃该内联属性；应改用CSS控制对齐：float、margin:auto、Flex布局或vertical-align等现代方案。
-
ShadowDOM样式隔离必须通过attachShadow()创建真实边界，否则scoped属性（已弃用）和BEM命名均无效；浏览器在样式计算阶段直接跳过跨boundary匹配，外部CSS（含!important）根本不可见，唯一合法穿透方式是:host和::slotted()。
-
Vue.js的props更新由父组件重渲染驱动，触发子组件重新执行render生成新VNode，再经patch算法比对更新DOM；props本身不被直接diff，仅作为渲染输入，且为只读响应式代理。
-
Array.prototype.slice.call(arrayLike)可将类数组转为真数组，因其仅依赖length属性和数字索引，不校验Array实例，故零依赖、兼容IE6+、性能优。
-
-0和+0是IEEE754标准下符号位不同的两个零值，影响除法、Math.atan2、跨语言交换等场景；Object.is是唯一可靠区分二者的方法，适用于坐标归零、数值工具库及WebAssembly等需精确符号语义的场合。
-
应为CDN、API接口、字体服务、统计域名添加dns-prefetch；避免同源域名、跳转链接；href须以//开头且仅含主机名；需置于head最前；勿与preconnect混用同一域名。
-
PerformanceAPI通过匹配带X-Cache-Hit响应头的资源加载记录，对比缓存命中与未命中时的duration及网络阶段时间戳，量化验证缓存带来的真实性能提升，如CSS文件加载从320ms降至3.2ms。
