前端技术文章
-
讲清 Vite manifest.json 如何把源码入口映射到哈希产物，并用 imports、css 关系组装 modulepreload 与样式标签。120 收藏 -
通过三槽位卡片示例，说明 CSS subgrid 如何共享父网格行轨道，并处理响应式排列、缺失字段、长文本和不支持环境的降级。349 收藏 -
把依赖视口宽度的全局断点迁移到组件宿主宽度：用 container-type 建立查询上下文，用 @container 控制卡片布局，并通过默认样式、命名容器和回归清单避免嵌套与阈值问题。261 收藏 -
ResizeObserver 循环通知通常来自回调修改了被观察尺寸。本文按读取、去重、帧合并和生命周期清理的顺序，给出切断布局反馈环的实用修复方式。342 收藏 -
IntersectionObserver 开启 trackVisibility 后，浏览器不只判断元素是否进入 root，还要判断遮挡、透明度、滤镜和变换等可见性条件。本文解释 delay 为什么必需、100 毫秒下限如何处理，以及它与普通防抖的区别。426 收藏 -
围绕 Web Worker 二进制消息传递，解释 ArrayBuffer 所有权、TypedArray 视图与 transfer 列表，提供往返示例及子视图、异常和在途任务的处理方法。110 收藏 -
用 Fetch API 读取 ReadableStream 时，先用 TextDecoderStream 处理 UTF-8，再按换行保留完整 NDJSON 记录，最后逐条 JSON.parse；文章同时给出尾行、坏记录、HTTP 错误和请求取消的处理方式。385 收藏 -
处理 fetch、文件或其他 ReadableStream 的分块字节时，可以用 TextDecoderStream 把它们接成连续文本流，再通过 for await...of 持续消费。本文说明 pipeThrough、UTF-8 分块边界、fatal 与收尾处理。198 收藏 -
介绍JavaScript HTMLTemplateElement.content的重复实例化方法，用importNode深复制保留模板原件，解释片段插入后的节点移动、事件绑定和重复id处理。372 收藏 -
讲清 JavaScript Element.getAnimations 的默认范围、subtree 参数、伪元素筛选和 finished Promise 用法，帮助组件在动画结束后安全清理。243 收藏 -
讲清 Web Animations API 的 Animation.commitStyles() 如何把动画当前计算值写入目标元素的 style 属性，并说明 finished、fill: forwards、cancel() 与兼容策略。324 收藏 -
用 Web Components 的命名 slot 说明 HTMLSlotElement.assignedElements() 的直接读取、flatten 展开、fallback 内容和 slotchange 重读方式。488 收藏 -
通过 DOMParser 和 iframe 场景理解 Document.importNode() 的跨文档复制、deep 参数、插入时机，以及它与 cloneNode()、adoptNode() 的区别。266 收藏 -
讲清 Document.adoptNode 如何把外部文档节点转移到当前文档、为什么 parentNode 会暂时为空，以及它和 importNode 在移动与复制上的区别。486 收藏 -
解释JavaScript NodeIterator.detach的兼容空操作语义，通过局部遍历与分批会话示例说明引用清理，区分DOM移除、对象可达性和垃圾回收时机。262 收藏