-
防抖是让函数在最后一次触发后延迟执行，而非简单延后；用于搜索框可避免频繁请求，核心是每次触发前清除上一轮定时器；不适用于需实时响应的场景，实现时需注意定时器变量声明、引用保存及业务时机判断。
-
该用:is()替代重复选择器时，是在多个容器下样式相同的元素场景，如.headera、.footera、.sidebara；它支持多选择器“或”逻辑，需至少两个并列选择器，且能容错无效项，但会继承内部最高权重。
-
progress标签必须同时设置value和max属性且value≤max才能正确显示确定进度；仅设max或value超限会导致不确定状态或渲染异常；动态更新需同步aria属性，网络异步任务应避免使用。
-
HTML5视频播放成败取决于编码（H.264+AAC）而非.mp4后缀，需用ffprobe验证；本地测试须起HTTP服务（如python3-mhttp.server）；iOS自动播放必须加muted属性。
-
应显式声明type="video/mp4"并确保服务器返回正确Content-Type，编码须为H.264+AAC，加controls和preload="metadata"，修复moovatom位置，iOS需muted+playsinline+用户手势触发。
-
React中props通过自上而下的单向数据流实现组件间通信，父组件通过属性将数据传给子组件，子组件只读使用props渲染UI或执行逻辑；2.应优先使用props传递外部数据和回调函数以构建可复用组件，用state管理组件内部可变状态，当出现多层propsdrilling或全局共享状态时再考虑Context或Redux等方案；3.使用props时常见陷阱包括直接修改props、过度传递导致组件臃肿，最佳实践是用TypeScript或PropTypes校验类型、解构props提升可读性、善用children
-
min-height不生效最常见原因是父容器无高度参考：如flex容器未设height、子元素浮动或绝对定位脱离文档流、align-items:stretch强制拉伸覆盖min-height，以及box-sizing:border-box导致实际高度超出预期。
-
<p>生成器函数用function*定义，调用返回迭代器对象；每次调用next()执行到yield暂停并返回{value,done}，yield可输出值、接收外部传参，支持惰性求值、异步控制等场景。</p>
-
本文详解如何在Vue.js的computed属性中正确比对用户嵌套的skills数组与目标技能ID，解决user.skills.id语法错误问题，提供可直接复用的函数式过滤方案。
-
CPU性能显著影响HTML开发效率：多核提升构建与语言服务并发能力，高频单核优化解析与调试延迟，WebWorker等HTML5特性要求多线程支持，实测6核以上可大幅降低开发环境响应延迟。
-
Bootstrap5卡片悬停阴影不生效需同时设置transition和box-shadow，检查overflow隐藏、z-index遮挡、移动端:hover失效及阴影颜色适配问题。
-
:only-child生效需父元素有且仅有一个直接子元素且类型匹配；常见失效因文本节点、注释或空格导致子节点数≠1；区别于:first-child（仅首）、:last-child（仅末）、:only-of-type（同类型唯一）。
-
根本原因是::after伪元素默认display:inline，不支持height等块级属性；必须设置content:""和display:block/inline-block等才生效，且需排除overflow隐藏、visibility隐藏或样式覆盖等问题。
-
SVG无损缩放的核心是viewBox属性；它定义内部坐标系可视区域，配合width/height或CSS尺寸实现等比缩放，缺失则导致像素化或裁切。
-
面包屑导航必须用<nav>包裹并配aria-label，内部用<ol>嵌套<li>保证语义与顺序；BEM类名须严格对应层级，分隔符优先用伪元素实现，响应式需保留首尾及当前页上下文。
