-
全局事件总线易致内存泄漏，须在组件卸载前手动解绑；Vue2用beforeDestroy，Vue3用onBeforeUnmount并保存handler引用；禁用匿名函数；推荐mitt等无副作用库；优先用provide/inject+defineEmits替代跨层级通信。
-
li:nth-child(2)未选中第二个li，因其匹配父元素下第2个子节点且必须是li，若该位置为注释、div或空白文本节点则失效；而li:nth-of-type(2)只统计li标签序号，更稳定可靠。
-
优化多重复数断言正则的关键是控制回溯范围与深度：用否定字符类限定断言内匹配、外提逻辑预筛、原子组切断回溯路径、合并或拆分断言、锚定加长度前置剪枝。
-
本文教你通过现代CSS布局技术（尤其是Flexbox）解决移动端内容右偏、错位问题，无需依赖浮动或绝对定位，兼顾响应式与语义化。本文教你通过现代CSS布局技术（尤其是Flexbox）解决移动端内容右偏、错位问题，无需依赖浮动或绝对定位，兼顾响应式与语义化。你的网站在桌面端显示正常，但在手机上文字和图片整体向右偏移——这通常不是视口设置缺失导致的（你已正确添加<metaname="viewport"content="width=dev
-
HTML表单不支持长轮询，因其默认短连接提交机制与长轮询需持续持有连接的特性冲突；正确做法是禁用默认提交，提取表单数据后用fetch+AbortController手动实现循环请求。
-
JavaScript前端安全的核心是“不信任任何客户端输入”，所有校验、权限控制和敏感数据处理必须在服务端完成；需防范XSS（转义输入、禁用危险API）、防敏感信息泄露（不硬编码密钥、脱敏展示）、防CSRF（配合服务端token与SameSite策略）、保障通信安全（HTTPS、CSP、域名校验）。
-
生成器函数配合闭包可构建轻量、可复用、状态隔离的异步控制流管理器，其核心是function*暂停执行+闭包保存上下文+外部驱动next/resume实现手动调度。
-
dir属性是HTML原生方向开关，必须显式设于根元素或容器，不可被CSS的direction替代，因其触发Unicode双向算法，影响光标、表单、焦点流及屏幕阅读器解析。
-
Math.hypot()的核心价值是安全计算多维欧氏距离，通过缩放算法避免平方导致的溢出或下溢；支持任意维度，计算两点距离需先求坐标差再传入；对Infinity、NaN、零等特殊值有明确定义。
-
外边距合并是相邻块级元素垂直margin取较大值而非相加的规范行为；常见于div堆叠、h1后p、父子间；可用BFC阻断，推荐display:flow-root。
-
JavaScript类型转换分三种：转字符串（如String(123)→"123"）、转数字（如Number("123")→123）、转布尔值（如Boolean(0)→false）；隐式转换发生在运算中，如"6"-2→4，[]+{}→"[objectObject]"；核心原则是拼接转字符串、数学运算转数字、条件判断看真假值。
-
纯CSS实现Tab切换不能仅靠float，因其仅为布局属性，无法响应交互或控制显隐；真正生效的是:checked、:target等伪类配合HTML结构实现状态切换。
-
HTML语义化标签不直接提升SEO权重，但用错会扣分；<main>明确标识核心内容，Google移动优先索引优先提取其内文本与标题层级；<h1>至<h6>构建内容骨架，须层级连续、唯一<h1>；<figure><figcaption>联合提升图文长尾词覆盖；<title>与<h1>需语义一致且动态生成。
-
响应式断点应基于页面内容实际坍塌点而非设备型号，如导航换行、卡片错位等临界宽度；需在ChromeDevTools中拖动滑块观察布局变化，记下像素值后向上取整，优先使用min-width移动优先逻辑，并确保设置viewportmeta标签。
-
transform-origin是独立CSS属性，须与transform并列声明，作用于整个变换链；双值语法为X后Y，支持关键字/百分比/像素混用；非默认原点用像素值会增加GPU计算负担。
