-
<p>prefers-color-scheme是CSS媒体查询，用于响应系统暗色偏好：@media(prefers-color-scheme:dark){/暗色样式/}，支持Chrome76+等现代浏览器，值为light/dark/no-preference，需配合data-theme属性避免与手动切换冲突。</p>
-
col标签需配合table-layout:fixed才能固定列宽；单独设width无效，且col的width属性已废弃，必须用CSS的style或class设置，span仅作用于起始列，colgroup须为table直接子元素。
-
transform-style:preserve-3d是魔方旋转的前提，不加则子元素被强制扁平渲染，Z轴位移和旋转全失效；必须作用于魔方容器（如.cube），并配合外层容器设置perspective以建立真实3D空间。
-
应优先用<strong>表示语义强调，如错误提示关键词；仅视觉加粗用CSS（font-weight:700）；禁用<b>伪装语义或整段包裹<strong>。
-
通过动态控制pointer-events并结合原生事件拦截，可在全局遮罩层中禁用点击、右键、拖拽等交互，同时保留鼠标滚轮和触摸滑动的滚动能力，适用于通用加载态组件。
-
maxlength仅对<input>（type为text、search、password、email、tel）和<textarea>有效，按UTF-16码元计数，非安全机制，后端必须二次校验。
-
在Vue单文件组件中使用scoped样式时，需穿透作用域限制才能覆盖BootstrapVue（如<b-tabs>渲染出的.nav-link）内部子组件样式；::v-deep(.selector)是Vue2/3兼容的深度选择器标准写法，比无括号或旧语法更可靠。
-
真正有效的DOM寻址收拢是建立有边界、可验证、按需触发的寻址层，核心为约定先行、封装隔离、延迟执行，通过语义化命名、集中配置、懒加载寻址器及渐进迁移实现稳定查找到查得稳。
-
不能。CanvasAPI本身不支持直接读取本地图片文件，必须通过FileReader或URL.createObjectURL()先加载为img元素再绘制；裁剪缩放依赖drawImage多参数重载；滤镜需手动像素操作，性能差，推荐OffscreenCanvas或WebAssembly加速。
-
“背景色渐变填充”实为background-position位移模拟，需用双色相同线性渐变、background-size:200%100%及background-position过渡；纯色过渡则须显式声明初始background-color并仅transition该属性。
-
transition与grid布局可通过transform和opacity实现平滑动画，避免使用grid-template-columns等不可过渡属性。1.使用transform对grid项进行缩放、位移等视觉变化；2.结合class切换控制布局变更时的淡入淡出或移动效果；3.注意仅支持transition的属性如width、height、margin、padding在特定条件下可动画；4.推荐用opacity和transform提升性能，复杂场景结合JS动画库。主流浏览器兼容性良好，但需规避无效属性动
-
screen-spanning媒体查询不可靠，不应作为唯一判断依据；它仅在Chrome119+/Edge97+支持，Safari/Firefox不支持，且依赖真实双屏硬件与系统跨屏渲染模式，易因缩放、iframe或厂商屏蔽而失效。
-
ChromeDevTools的display面板需手动开启Layout侧边栏（右键标签栏勾选），仅在Elements面板选中元素后生效；CSS-in-JS样式可能不被识别，需查Styles面板；outline不占布局空间适合临时标记，border触发重排但反映真实盒模型；getBoundingClientRect()返回视觉位置，但受合成层、包含块影响；CSS自定义属性修改需作用于正确作用域（如:root）才全局生效。
-
装饰器是运行时函数劫持，非语法糖；它通过修改Object.defineProperty行为重写类成员描述符，在类定义完成时执行，不支持普通函数声明，需编译支持且多装饰器自下而上覆盖。
-
变量提升指声明被提前至作用域顶部，但仅声明被提升、赋值不提升；var声明访问未初始化变量得undefined，let/const因TDZ抛ReferenceError；函数声明全提升可前置调用，函数表达式仅变量名提升。
