-
viewport-fit=cover必须在每个iframe中显式声明，否则env()失效；因WebKit不继承父级配置，iframe需独立设置viewport且容器需100vh/100vw，或改用postMessage动态传递安全距离值。
-
blockquote缩进源于浏览器默认margin（非padding或text-indent），主流引擎设为1em或约40px；重置应直接覆盖margin，如margin:0，避免误用其他属性导致RTL错位或布局异常。
-
虚拟滚动处理不固定高度列表的核心是动态测量+高度缓存+位置映射；通过元素测量首次获取真实高度并存入Map，构建前缀和数组offsets实现O(1)偏移计算，结合二分搜索确定可视范围，并用ResizeObserver监听动态变化、节流更新缓存与offsets。
-
本文介绍如何使用纯CSS实现按钮内嵌箭头图标，并配合平滑悬停动画（右向箭头滑入效果），提升用户体验与界面引导性，无需额外JavaScript或图标字体库。
-
TemporalAPI通过不可变设计、精确类型划分和显式时区控制，解决了Date对象的时区混乱与可变性问题。1.所有操作返回新对象，避免副作用；2.提供PlainDate、ZonedDateTime等专用类型，语义更清晰；3.使用IANA时区名称进行可靠转换；4.方法命名直观，支持链式调用，提升代码可读性与维护性。
-
是的，link标签顺序影响样式优先级，但仅当同权重规则冲突时，后加载的CSS会覆盖先加载的；源顺序是CSS层叠机制的一部分，需确保文件正确加载且无@import等干扰因素。
-
CSS定位布局核心是理解position与文档流关系：relative原地微调不脱流，absolute脱离文档流认父定位，fixed锁定视口，sticky滚动时相对转固定。
-
使用自定义指令v-focus可在Vue组件挂载后自动聚焦input元素，相比ref+mounted更解耦、可复用且符合Vue声明式设计哲学；支持条件聚焦、SSR兼容及延迟聚焦等进阶场景。
-
let和const替代var是最值得立刻改写的改动，它们修正了var的变量提升、函数作用域模糊和重复声明等根本缺陷，强制块级作用域并消除静默bug。
-
利用height或max-height配合overflow:hidden和transition，通过JavaScript控制类名切换实现导航菜单的平滑展开与收起动画效果。
-
应使用background-color:rgba()设置背景透明度，因其仅作用于背景色且不影响子元素；rgba()的alpha值为0–1小数（如0.5），非百分比或整数，错误写法如rgba(0,0,0,50%)将被浏览器忽略。
-
FormData不能直接转JSON，因含文件、重复键等；Object.fromEntries仅适用于纯文本无重复的极简场景，实际会丢失文件内容、覆盖同名值、兼容性差；应手动遍历并区分File与字符串类型处理。
-
图片体积大拖慢首屏渲染，需压缩转WebP/AVIF、用srcset响应式、禁用width/height硬编码、首屏图禁用lazy并设fetchpriority="high"、内容图禁用background-image、慎用第三方CDN服务。
-
MessageChannel是JavaScriptAPI，需用newMessageChannel()创建配对端口port1/port2；端口单次传输、接收方必须调用start()才能收消息；跨上下文通信要求同源。
-
CPU性能显著影响HTML开发效率：多核提升构建与语言服务并发能力，高频单核优化解析与调试延迟，WebWorker等HTML5特性要求多线程支持，实测6核以上可大幅降低开发环境响应延迟。
