-
本文介绍在Vuetify+Nuxt应用中，当表格单元格内容动态更新时，自动触发动画（如高亮闪烁）的可靠实现方案，重点使用MutationObserver监听textContent变化，并配合CSS动画完成无侵入式视觉反馈。
-
Map适用于键为任意类型且需保持插入顺序的键值映射，Set适用于自动去重和高效存在性判断的唯一值集合；对象适合结构化数据，数组适合有序索引列表。
-
直接抓取百度百科HTML会触发反爬导致403或乱码，因其为服务端渲染+动态JS注入，原始HTML仅含占位div；合规做法是调用百度搜索API或构建静态仿百科页，使用语义化标签如h1、dl/dt/dd、p、ol等确保结构清晰可维护。
-
使用::before伪元素可独立控制图标大小，避免影响文本。通过定位与字体隔离，实现样式分离，提升布局灵活性与可维护性。
-
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管理空白与换行行为。
-
hover触发的多级菜单为什么鼠标一移就收起来了根本原因是:hover只作用于当前元素，子菜单如果和触发元素有物理间隙（比如margin、border或父容器overflow隐藏），鼠标从触发项移到子菜单途中会离开:hover区域，导致样式立刻失效。这不是bug，是CSS的层叠行为决定的。实操建议：确保触发项（如.menu-item）和下拉菜单（如.submenu）在DOM中是父子关系，且视觉上无缝衔接——菜单top值应紧贴触发项bottom，不要留空隙给父
-
老浏览器不显示HTML5新标签需用document.createElement()声明并补display:block样式，或引入html5shiv；必须在head中尽早执行且确保DOCTYPE正确。
