-
position:sticky在移动端失效主因是父容器设置overflow:hidden/auto/scroll而切断锚定链；媒体查询中改position类型会导致布局跳动；z-index受层叠上下文限制；兼容性差时应优先用IntersectionObserver模拟。
-
直接用@each遍历map生成边距类更安全语义化；@for仅提供数字索引，无法映射语义名、易致单位拼接错误、难扩展负边距与响应式，且后续调整需重写逻辑。
-
使用transform和@keyframes实现滑动面板动画，通过translateX控制位移，结合ease缓动和forwards保持状态，优先用transform提升性能，避免重排，并可通过JavaScript控制类名切换动画。
-
动态切换多主题样式需通过JavaScript精准替换id="theme-css"的link标签href属性，预加载CSS避免闪动，监听onload/onerror处理加载状态，并用localStorage保存用户偏好实现自动应用。
-
Grid容器遵循标准盒模型，但子项尺寸由网格轨道和对齐属性共同决定，而非自身width/height；fr单位分配剩余空间，子项stretch时width被忽略，需用align-self:start等显式控制。
-
应轮询检测window.devicePixelRatio变化：用requestAnimationFrame实现精准、低开销的实时监听，并首次加载时立即执行；resize事件不可靠，因缩放不必然改变窗口尺寸。
-
dash.js需配合正确HTML与配置才能实现DASH自适应播放：MPD须HTTPS提供且响应头含application/dash+xml，移动端需video标签添加muted、playsinline及viewport限制，容器须用aspect-ratio或padding-bottom维持宽高比，video设object-fit:cover防拉伸。
-
使用is-active类结合CSS与JS逻辑实现导航高亮，通过为当前页菜单项添加.is-active并自定义样式如文字变色加粗，再用脚本自动匹配URL路径高亮对应链接，适用于各类Foundation导航结构。
-
应将--btn-group-gap变量设在按钮组容器上，因其需被gap属性读取且依赖继承；设在:root易受污染，设在button上无效；gap仅对flex/grid容器生效，须配合display使用，并分层提供marginfallback。
-
Tailwind的boxShadow配置只接受对象映射而非数组，因JIT引擎仅识别key-value结构，每个value必须是含逗号分隔的合法box-shadow字符串；传入数组会导致静默忽略或构建失败。
-
JavaScript性能优化的核心是减少主线程阻塞、降低内存占用、避免不必要的计算和重排重绘，具体包括批量DOM操作、读写分离、事件委托、节流防抖、及时清理定时器与监听器、防止内存泄漏及拆分长任务。
-
Node.js的EventEmitter默认是同步执行的，事件监听器在emit调用时立即按注册顺序执行，而非进入事件循环等待；因此顶层代码（如console.log）会在所有监听器执行完毕后才运行。
-
Number.MAX_VALUE是IEEE754双精度浮点数能表示的最大有限正数，约1.7976931348623157×10³⁰⁸，非整数上限也非精度边界，超此值即溢出为Infinity。
-
Less无法在运行时响应屏幕变化，所有逻辑均在编译期完成；响应式需依赖CSS媒体查询、预设断点变量或JS实现，@if等控制指令仅支持静态求值，vw等运行时单位不可参与Less计算。
-
纯CSS汉堡按钮失效的主因是DOM结构松动、transform-origin偏差或iOS点击失灵；需确保label包裹input、~选择器严格同级、每条横线独立设置transform-origin，并为label添加cursor:pointer和最小宽高。
