-
@apply是Tailwind的PostCSS编译特性，非标准CSS语法，需经PostCSS处理才能生效；未走编译流程、路径未被content扫描、作用域隔离未声明@reference、@layer使用不当等均会导致报错或失效。
-
Firefox中设置超过7天有效期的Cookie时自动截断为7天，通常并非浏览器默认行为，而是由启用的隐私保护扩展（如广告拦截器或TotalCookieProtection）主动干预所致。禁用相关扩展即可恢复正常。Firefox中设置超过7天有效期的Cookie时自动截断为7天，通常并非浏览器默认行为，而是由启用的隐私保护扩展（如广告拦截器或TotalCookieProtection）主动干预所致。禁用相关扩展即可恢复正常。在We
-
可在HTML中用<metaname="auth"content="whitelist">声明免登录页，路由守卫据此跳过登录校验，适用于内部工具等无需鉴权场景，但关键接口仍需服务端鉴权。
-
使用grid-template-areas可直观定义页面布局。1.通过字符串命名区域排列，如"headerheaderheader""sidebarmainmain""footerfooterfooter"创建三行三列结构；2.子元素用grid-area关联名称，自动定位；3.配合grid-template-rows和grid-template-columns设置尺寸，媒体查询中可重定义区域实现响应式；4.用点（.）表示空白单元格。该方法语义清晰，易于维护，适合常见网页结构。
-
Reflect.get用于运行时取值（支持receiver），Object.getOwnPropertyDescriptor用于查询属性元信息；Proxy中应优先使用Reflect方法以确保语义正确和行为可组合。
-
:root伪类用于定义全局CSS变量，如颜色、字体等，便于维护和复用；通过var()调用变量，结合JavaScript可实现主题切换，如暗色模式；在媒体查询中重定义:root变量可实现响应式设计，提升项目可扩展性。
-
预解析是引擎对整个作用域的快速扫描，仅提升var和function声明；懒解析则延迟函数体解析至首次调用，二者协同缩短首屏可交互时间。
-
最可靠的选择器测试方式是在Elements面板用Ctrl+F或Cmd+F直接输入CSS选择器，支持完整语法并高亮匹配元素，显示“XofYmatches”或“Noresults”。
-
本质区别在于语义层级与监控捕获：console.warn表示可恢复的非严重问题，不触发断点、常被SDK忽略；console.error表示预期外失败，带堆栈、默认被捕获。
-
SVG圆环进度条通过stroke-dasharray设为周长、stroke-dashoffset动态偏移实现，需配合rotate(-90)对齐顶部、viewBox响应式缩放，并仅对stroke-dashoffset做CSS过渡动画。
-
export仅定义同步能力的接口契约，不实现分布式同步逻辑；其通过命名导出、默认导出和类型导出暴露可复用、可测试的同步API，依赖鸿蒙等底层分布式能力完成真实数据同步与通讯。
-
HTMLmeta的content是元数据值，须与name或http-equiv配对；CSS伪元素的content是生成内容指令，仅用于::before/after；contenteditable是布尔属性，控制编辑状态，三者语义与用法互不相关。
-
Tailwindscrollbar-hide插件无效需检查三件事：npm包是否安装、tailwind.config.js中plugins是否引入、content路径是否覆盖JSX/TSX文件；类必须加在滚动容器上，且该容器需有溢出内容和固定高度。
-
HTML通知（NotificationAPI）与WebPush需配合使用才能实现关页后推送；Notification仅负责显示，WebPush负责后台消息传递；Permission为"default"是因用户未明确授权，须由用户主动触发且HTTPS下运行。
-
纯CSS无法生成真正随机色，必须用JS计算HSL值并写入CSS变量，再通过hsl(var(--h),var(--s)%,var(--l)%)动态应用；需预设fallback、控制取值范围、添加transition且作用于目标元素。
