-
firstElementChild更可靠，因为它只返回第一个子元素节点，跳过空白文本节点和注释节点；而firstChild可能返回换行符等不可见的文本节点，导致意外错误。
-
用parseInt()和toString()实现健壮进制转换器：先清洗字符串（去空格、识别并剥离0b/0o/0x前缀）、显式指定radix解析，校验整数与安全范围，input事件实时响应并处理粘贴，避免NaN和精度丢失。
-
本文详解ReactRouterv6中<Route>不显示组件的核心原因：路径冲突与API变更，并提供符合v6规范的正确写法、可运行示例及关键注意事项。
-
避免Promise嵌套的关键是用链式调用代替层层then嵌套，同时合理使用async/await让异步逻辑线性表达；通过return传递值保持扁平结构，用async/await替代多层then提升可读性，避免在then中手动newPromise，并通过函数封装拆分逻辑。
-
必须同时设置background-origin:content-box和background-clip:content-box才能使背景严格限制在内容区；前者控制定位原点，后者控制渲染范围，二者缺一不可。
-
<p>Less中搜索框hover/focus样式需按&:hover→&:focus→&:focus-visible顺序声明，hover必须在focus前；清空按钮用"::-webkit-search-cancel-button"引号写法；图标padding和width用~"calc(100%-@{icon-width})"避免编译错误；复用样式应抽为mixin并控制嵌套层级。</p>
-
localStorage.setItem()未生效主因是键名错误、值未转字符串或页面未加载完就执行；读取返回null属正常首次运行现象，需用parseInt(getItem()||"0",10)安全转换；多模式高分应分键存储而非嵌套对象；iOS无痕模式会禁用localStorage，须加try/catch兜底。
-
HTML暗黑模式仅响应系统主题而不改变它，核心依赖prefers-color-scheme（只读快照）与data-theme（用户权威主题源），需正确监听change、同步meta、localStorage及CSS变量兜底。
-
BroadcastChannel是最轻量、原生且兼容性良好的跨标签页状态同步方案，它通过主动广播机制实现同源窗口间实时通信，支持复杂数据类型，避免localStorage事件的延迟、自触发缺失及Safari私密模式失效等问题。
-
最省事方案是aspect-ratio:1/1，但仅支持Chrome88+、Firefox89+、Safari15.4+；旧版Safari和IE需降级用padding-top:100%+absolute定位，并注意min-width:0、父宽约束及vh/vmax的视口依赖缺陷。
-
在Vue3中，若需让所有动态组件（如多标签页中的图表）同时挂载并保持状态，而非仅渲染当前激活项，应避免使用<KeepAlive>+单component切换，改用v-for遍历+v-show控制显隐。
-
该用transition而非@keyframes动画时：只需“有来有回”的状态切换，如hover变色、class切换展开菜单；它依赖触发条件，仅定义起止态，自动反向过渡且性能更优。
-
ES6是JavaScript现代化起点，2015年发布，奠定简洁安全可维护基础；核心特性包括let/const块级作用域、箭头函数（继承外层this）、模板字符串（支持插值与多行）、解构赋值（对象数组按名/序取值）。
-
<marquee>已废弃且自带独立层叠上下文，z-index无效；应改用transform+@keyframes实现滚动，文字和视频均需position:relative并避免父容器触发隐式层叠上下文。
-
用steps()实现逐字动画的关键原理是：CSS动画配合steps(n)将width从0ch到nch的变化“卡帧”为每步显示一个字符，需等宽字体、nowrap、overflow:hidden及精确字符数。
