-
必须设table-layout:fixed才能控列宽，配合width:100%和显式列宽（如<thstyle="width:25%">），再结合data-label卡片模式或容器水平滚动，兼顾响应式与可访问性。
-
@media(prefers-color-scheme)可原生检测系统暗色/亮色偏好，仅响应操作系统设置，需写为@media(prefers-color-scheme:dark)等完整语法，推荐默认亮色、媒体查询覆盖暗色以避免回退异常。
-
crypto.subtle.encrypt调用AES-GCM必须传入含name:"AES-GCM"、iv（Uint8Array，推荐12字节且不可复用）和tagLength（默认128，显式指定更安全）三字段的对象；additionalData可选但参与认证；密钥须为importKey导入的合法CryptoKey，不可为字符串。
-
正确使用word-break属性可避免单词被截断：优先选用normal或keep-all值，确保英文单词在空格处换行；搭配white-space:normal和固定宽度容器，提升文本可读性。
-
light-dark()是CSS原生函数，非HTML功能，仅在支持浏览器（Chrome121+、Safari17.4+、Firefox125+）的CSS规则中生效，用于根据系统偏好自动切换颜色，不可用于内联样式或JS直接调用。
-
Promise是异步流程控制的底层契约，其状态不可逆、then返回新Promise、catch仅捕获前序rejected，违背Promise/A+规范将导致静默失败或卡死。
-
HTML压缩是安全有效的性能优化手段，核心配置需谨慎：collapseWhitespace和removeComments必须配合preserveLineBreaks与ignoreCustomFragments使用，避免pre/textarea内容错乱；removeOptionalTags慎用于旧浏览器；Webpack中html-webpack-plugin需显式配置minify对象而非布尔值；服务端Gzip/Brotli压缩比构建时HTML压缩更关键且高效。
-
直接用fill:currentColor即可实现SVG图标颜色随文本色变化，但需满足三个前提：SVG内联、无内联fill覆盖、fill作用于path等具体图形元素；color:red对SVG无效因其填充由fill控制，非color属性。
-
Pinia实现模块化数据共享的核心是通过storeToRefs保持响应式、$subscribe监听状态变更、defineStore抽离共享逻辑层，并谨慎使用$state跨模块写入。
-
JavaScript的class是原型继承的语法糖，其本质仍依赖prototype、__proto__和原型链；class声明将方法挂载到prototype，extends通过设置__proto__实现继承，所有特性均可用ES5原型写法复现。
-
关键不是压缩CSS体积，而是让浏览器尽快获取首屏所需CSS；需用media属性条件加载、动态导入非首屏样式、避免@import、合理分割CSS、删除冗余选择器、谨慎内联并控制体积在2KB内。
-
iPad上requestAnimationFrame卡顿主因是iOSSafari节流，需验证performance.now()间隔；canvas须按DPR重设宽高并缩放；CSS动画需确保元素已布局且避免opacity+visibility隐藏；WebGL需检查帧缓冲、生成mipmap并适配芯片。
-
navigator.clipboard.writeText()写入失败的常见原因包括：非安全上下文（非HTTPS且非localhost）、非用户手势触发、异步延迟调用、iframe缺失allow="clipboard-write"属性、浏览器权限静默拒绝、文档未聚焦或标签页非活跃，以及Safari等浏览器需额外权限声明或不支持。
-
语义化七日天气列表应使用<ul><li>结构，每项含<timedatetime="YYYY-MM-DD">、带aria-label的天气图标、<spanclass="temp">温度及<spanclass="desc">描述，并用CSSGrid实现响应式横竖布局，预留data-day属性供JS动态更新。
-
用Map实现拦截器逻辑优先级，关键是以业务语义驱动顺序：通过key嵌入数字权重（如"auth:10"）或value绑定Pair<Priority,Interceptor>，配合排序后注册；支持路径路由、动态刷新与线程安全扩展。
