-
移动端overflow-y:scroll无惯性滚动是因为iOSSafari仅对body或根容器启用原生惯性，普通元素需加-webkit-overflow-scrolling:touch（iOS必需，Android无效）并设置明确高度才生效。
-
合理使用CSStransition与background-color可实现按钮悬停、状态提示等平滑颜色过渡，提升界面流畅度与用户体验。
-
Lighthouse自定义指标是通过UserTimingAPI在页面中插入以user-开头的mark和measure，用于监控特定业务逻辑耗时。开发者可在性能报告中查看这些指标，结合CI/CD实现持续性能追踪，确保关键路径性能可控可优化。
-
required校验仅在表单提交或调用checkValidity()/reportValidity()时触发，不实时响应输入；对hidden无效，checkbox/radio校验是否选中；需JS配合动态控制、自定义提示及移动端兼容处理。
-
能，fit-content仅在grid-template-columns/rows的单个轨道中生效，需带参数如fit-content(200px)，表示min(max-content,200px)，不支持grid-auto-columns或Flexbox。
-
防抖是让函数在最后一次触发后延迟执行，而非简单延后；用于搜索框可避免频繁请求，核心是每次触发前清除上一轮定时器；不适用于需实时响应的场景，实现时需注意定时器变量声明、引用保存及业务时机判断。
-
该用: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核以上可大幅降低开发环境响应延迟。
