-
auto-fit会收缩空列并将剩余空间分配给有内容的列，auto-fill则保留所有列槽位；二者必须配合minmax()使用才能响应式布局。
-
通过局域网本地服务器实现iPhone实时预览与热重载，无需反复上传到线上托管，大幅提升Three.jsAR项目的开发调试效率。
-
JavaScript优化页面加载速度需减少体积、提升解析执行效率、合理控制资源加载时机；核心手段包括Terser/SWC/esbuild压缩、动态导入与代码分割、type="module"启用、defer/async策略及精准polyfill。
-
现代浏览器原生懒加载推荐使用loading="lazy"属性，仅适用于<img>和<iframe>，需配合width/height防CLS，首屏图应设eager；响应式图片用<picture>+srcset按设备选最小合适资源；精细控制可用IntersectionObserver；WebP/AVIF格式与CDN缓存协同优化才是关键。
-
本文讲解如何在响应式菜单中正确实现点击切换内容显示/隐藏，并确保屏幕尺寸变化时自动恢复默认可见状态，避免内联样式残留导致的显示异常。
-
是的，OKLCH更适合作为品牌色定义空间，因其将感知亮度（L）、色度（C）和色相（H）真正解耦，调色干扰少，支持禁用态降C、深色模式调L等精准控制，但需注意浏览器兼容性、白点声明、回退写法及色彩空间一致性。
-
Blob是JavaScript中处理二进制数据的对象，支持通过流式读取分块处理大文件，结合TransformStream可实现高效转换，适用于上传、预览、音视频处理等场景。
-
BroadcastChannel不支持MessagePort，因其仅允许结构化克隆数据，而MessagePort无法被序列化，强行传递会抛出DATA_CLONE_ERR错误；正确方案是用BroadcastChannel广播任务信号，再通过SharedWorker或MessageChannel建立点对点通信通道。
-
<details>标签原生支持折叠展开，无需JavaScript；必须以<summary>为首个子元素，用::before伪元素自定义箭头最兼容；JS应操作open属性并监听toggle事件；IE不支持需降级处理，无障碍需保留语义与焦点。
-
navigator.storage.estimate()是唯一可靠方式，返回usage（已用字节数）和quota（系统建议配额，单位字节），但quota可能为undefined，且仅在HTTPS或localhost安全上下文中可用。
-
flex:1为什么在垂直滚动容器里不生效因为flex:1本质是缩写flex:110，它依赖父容器有明确高度才能“撑开”子项；而如果父容器高度未设（比如只靠内容撑开），flex:1就没参考系，自然不收缩也不拉伸，更不会触发滚动。常见错误现象：overflow-y:auto完全没反应，列表内容直接溢出容器下方必须确保父容器有固定/可计算的高度：比如设height:100vh、max-height:500px，或父级是display:flex;flex-direction
-
:hover与:first-of-type冲突本质是优先级相同导致层叠覆盖；应合并为.list-item:hover:first-of-type确保语义准确且规避竞争。
-
color-stop位置必须带单位，百分比或长度值缺一不可；漏单位会导致色标被丢弃，多色标重叠可实现硬边过渡，rgba可控制透明度，radial-gradient中位置基于径向半径比例，旧Safari对同位置多色标支持不稳定。
-
能，AbortController可真正中断fetch请求的“等待响应头”和“解析响应体”阶段，但不终止已开始传输的响应流或底层TCP连接；调用abort()后fetchPromise立即以AbortErrorreject，需手动处理已resolve的Response并显式忽略该错误。
-
<dialog>标签需调用show()或showModal()才显示；show()为非模态，背景可交互；showModal()为模态，禁用背景、自带遮罩、支持Esc及点击遮罩关闭，但需dialog::backdrop样式生效，且须正确处理焦点与可访问性降级。
