-
@extend是选择器合并而非复制粘贴，仅适用于无上下文依赖的纯辅助类（如.sr-only、%clearfix）；滥用会导致选择器爆炸、优先级错乱和跨文件失效。
-
Less中需自定义单位转换函数，核心是用unit()提取数值、unitless()和isdimension()组合判断类型，基准值设为变量以支持响应式动态切换，拼接单位必须用+号。
-
navigator.deviceMemory无法获取精确内存信息，只能提供近似值。1.navigator.deviceMemory是当前唯一标准属性，但返回的是2的幂次方近似值，如4、8等，并非真实GB数；2.浏览器出于隐私保护限制精确值，防止用户指纹识别；3.可通过该值粗略判断设备性能，指导资源加载策略，如高配设备加载高清图，低配设备优化资源；4.其他API如performance.memory仅反映JS堆内存使用情况，无法获取整机内存；5.若需更详细硬件信息，需借助原生应用或特定环境工具。
-
iOSSafari中border-radius:0对表单按钮无效，因-webkit-appearance:button强制走原生渲染，跳过CSS圆角计算；需统一设-webkit-appearance:none才能生效。
-
csscolor-contrast()通过自动计算背景色与备选色的对比度，选择符合WCAG标准的颜色，确保文本可读性；在响应式设计中实现主题切换时的文本自适应；结合LCH/OKLCH等现代颜色空间，提升视觉一致性与设计自由度，优化无障碍体验。
-
scrollBehavior在新DOM渲染完成但未激活前调用，通过读取当前scrollTop捕获用户最后视图位置；返回{x:0,y:0}滚动到顶、{selector:'#id'}滚动到元素、null不滚动、Promise可异步控制。
-
子菜单不显示主因是父级未设position:relative导致绝对定位失效；三级菜单需HTML正确嵌套且CSS选择器写全层级；移动端不支持hover，IE需:focus-within兜底。
-
实现HTML一键复制的核心机制是使用JavaScript操作剪贴板，现代推荐方法为navigator.clipboard.writeText()，兼容性方案则使用document.execCommand('copy')；2.navigator.clipboard.writeText()基于Promise、异步执行、更安全且符合现代标准，但需在HTTPS环境下由用户手势触发；3.document.execCommand('copy')虽兼容老旧浏览器，但已被废弃，需创建临时元素并选中内容，操作复杂且存在安全
-
必须将平移和旋转合并到单条transform声明中，如transform:translateX(100px)rotate(45deg)；分开写会因CSS层叠被覆盖；关键帧需显式定义起止transform值，且所有帧保持函数类型一致，配合transform-origin和will-change可优化性能与动画表现。
-
虚拟DOM本身内存占用不高，真正导致内存压力的是VNode引用链未及时切断而阻碍垃圾回收；常见泄漏场景包括缓存VNode未清理、v-if切换组件未清定时器、递归无终止、keep-alive缓存不当；应通过清空缓存、合理使用ref、virtual-scroll降载及DevTools快照比对验证优化效果。
-
:nth-child(n)中的n是自然数序列而非索引，它匹配父元素下第n个子元素（无论类型），不跳过不匹配节点；真正选“第n个某类型元素”应使用:nth-of-type(n)。
-
能，但必须共用同一父容器、触发BFC防止塌陷，并显式控制宽度；否则因脱离文档流、不协商位置而错位。
-
语义化HTML标签是SEO核心，<main>必须唯一且包裹主体内容，<header>/<footer>影响权重分配，标题层级须严格递进，<figure>+<figcaption>提升图片SEO，标签须匹配真实内容结构。
-
闭包本身不提供事务能力，但能封装状态、连接和异常处理逻辑，是构建轻量级“原子性回滚”事务模拟层最自然的结构；其核心是将“开始→执行→成功提交/失败回滚”打包为边界清晰、可复用的执行单元，所有写操作必须严格置于闭包内，由框架自动统一控制事务生命周期。
-
::-webkit-scrollbar在Firefox中无效，因其仅支持WebKit/Blink内核浏览器（Chrome、Edge、Safari），Firefox则使用scrollbar-width和scrollbar-color属性替代，且必须作用于html或body元素。
