-
sticky定位不生效最常见的原因是父容器未设置非visible的overflow属性或高度不足，导致无法形成滚动上下文；它依赖最近的有滚动行为的祖先容器而非视口，且必须配合top/bottom等偏移值才能生效。
-
Map强引用键对象，阻止垃圾回收，可能导致内存泄漏；2.WeakMap弱引用对象键，允许垃圾回收，适合关联私有数据或缓存，避免内存泄漏。
-
本文介绍在父容器设置了padding-left且必须保留display:flow-root的约束下，精准居中首个子元素的两种可靠CSS方案，兼容TailwindCSS并兼顾响应式表现。
-
节流是在固定时间间隔内最多执行一次，适用于滚动监听等需匀速响应的场景；防抖是在最后一次触发后延迟执行，适用于搜索输入等需等待用户操作稳定的场景。
-
JavaScript变量是存储数据的容器，支持动态类型和let/const声明；let用于可变块级变量，const用于不可重赋值常量，需注意对象属性仍可修改。
-
:nth-child(odd)选奇数行，:nth-child(even)选偶数行，但需确保目标元素在父容器中连续、同级且无其他类型元素干扰；否则应改用:nth-of-type()或JS动态加class。
-
通过CSS为Anki卡片中的HTML5标签设置语义化颜色、分组容器、悬停动画和正反面示例，可增强视觉层次与交互反馈，1.结构类标签用蓝色、表单类用橙色、媒体类用绿色；2.正面显示标签名，反面展示代码与说明；3.添加hover缩放与阴影效果；4.使用边框分组相关标签，提升记忆效率。
-
!default仅在变量首次声明前生效，非后备值；一旦变量被声明（含空声明），后续!default均失效，且不支持表达式、递归引用或Mixin内稳定使用。
-
CSS通过word-break、overflow-wrap和white-space精准控制文本换行：word-break控制词内断行（如keep-all防中文断字），overflow-wrap在必要时软换行长单词，white-space管理空白与换行行为。
-
WebWorkers是浏览器提供的后台线程API，用于执行CPU密集型任务而不阻塞主线程；其运行于隔离环境，无DOM访问权限，仅通过message机制与主线程通信，支持结构化克隆或Transferable零拷贝传输。
-
FinalizationRegistry用于在对象被垃圾回收时执行清理操作，典型场景包括管理C++插件分配的内存或文件句柄等非JavaScript资源，通过register注册目标对象及清理回调，利用unregisterToken可主动取消注册，避免资源泄漏。
-
老浏览器不显示HTML5新标签需用document.createElement()声明并补display:block样式，或引入html5shiv；必须在head中尽早执行且确保DOCTYPE正确。
-
可通过::placeholder伪元素设置输入框占位符样式，需兼顾::placeholder、::-webkit-input-placeholder、::-moz-placeholder、::-ms-input-placeholder等前缀以确保兼容性，支持color、font-size、opacity等文本属性，但不支持display、padding等盒模型属性。
-
用transition实现自然悬停效果需明确指定属性、合理设置时长与缓动曲线，并确保初始和hover状态值可插值，transition必须写在非hover的原始状态中。
-
本文详解为何使用AJAX调用Flutterwave标准HostedPaymentAPI时，header('Location:...')无效，以及如何通过服务端返回跳转链接、前端主动重定向来正确实现支付流程。
