-
应优先用<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；函数声明全提升可前置调用，函数表达式仅变量名提升。
-
CSScontent属性中中文必须用\XXXX转义，不能直接写或用\uXXXX；因CSS规范只支持十六进制Unicode转义且不依赖文件编码，外链CSS等场景下\5e74是唯一跨环境稳定写法。
-
overflow-x:scroll无反应最常见的原因是父容器未设固定宽度或子元素未实际溢出；需确保父容器有width/max-width且子元素总宽大于父宽，同时设置overflow-y:hidden防纵向干扰，iOS需加-webkit-overflow-scrolling:touch和touch-action:pan-x，Firefox不支持::-webkit-scrollbar伪类。
-
HTML表格最初用于展示数据，早期被滥用作布局工具，通过tr和td实现对齐，虽兼容性好但存在语义错误、代码臃肿、响应式差、无障碍问题及加载慢等局限，现代开发应使用CSSFlexbox、Grid或响应式设计替代，确保语义化、可维护性和用户体验。
