-
Intl.DurationFormat 可将 hours、minutes、seconds 等时长字段格式化为指定语言的文本。本文给出样式选择、运行时检测与中文降级示例，并说明输入整数、零单位和本地化字符串的处理边界。
-
JavaScript Element.setPointerCapture 可以把后续指针事件继续交给拖拽元素，即使指针已经移出元素。本文说明 pointerId、pointerup、pointercancel、releasePointerCapture 与 touch-action 的配合方式。
-
Fetch keepalive 适合在页面关闭、刷新或跳转前尽力发送小型数据。本文从 64 KiB 体积边界、页面生命周期、幂等键和关键写入风险出发，说明哪些请求适合使用，以及什么时候应该换方案。
-
SVG symbol 用于保存可复用图形模板，use 负责创建实例。本文用圆点和徽章示例说明 href、viewBox、x/y、width/height 与 preserveAspectRatio 的分工。
-
htmx 的 hx-sync 可以协调字段校验、表单提交和实时搜索请求。本文用表单竞争场景说明 abort、drop、replace、queue 的差异，并给出提交优先、校验优先和只保留最后一次查询的写法。
-
ResizeObserver 回调里不要无条件改写被观察元素的尺寸。本文用缓存比较、requestAnimationFrame 和 disconnect 组合出最小配方，说明哪些状态更新会形成反馈，以及怎样为一次性测量设置停止条件。
-
服务端输出 Declarative Shadow DOM 后，自定义元素仍可能保持未知 HTMLElement 状态。本文从解析时序、CustomElementRegistry 一致性和升级观测三个指标入手，给出可复用的定位代码与修复结构，帮助 SSR 组件稳定触发 constructor 和 connectedCallback。
-
scheduler.postTask 返回 Promise，并可通过 AbortController 或 TaskController 的 signal 取消尚未执行的任务。本文给出最小写法、错误处理和已开始任务的边界。
-
用 Fetch Streams 分段读取大响应体，串起 Response.body、TextDecoderStream、TransformStream 和 WritableStream，并说明背压、取消与错误处理的边界。
-
用 View Transition API 为列表到详情的跳转增加共享元素动画，同时保留不支持浏览器的原生导航回退。
-
用 Fetch API 读取 ReadableStream 时，先用 TextDecoderStream 处理 UTF-8，再按换行保留完整 NDJSON 记录，最后逐条 JSON.parse；文章同时给出尾行、坏记录、HTTP 错误和请求取消的处理方式。
-
讲清前端用 ReadableStream 分块读取 Fetch 响应时的 reader、TextDecoder、done、异常、取消与锁定边界，给出可直接改造的 JavaScript 示例。
-
用 CSS light-dark() 配合 color-scheme 为页面建立浅色和深色主题，包含变量写法、兼容降级、手动切换和表单控件边界。
-
前端组件同时监听 window、document 和局部 DOM 节点时，手动保存回调并逐个 removeEventListener 容易漏清理。本文用 addEventListener 的 signal 选项把多个监听器绑定到同一个 AbortController，在组件销毁时调用一次 abort() 统一回收，并说明 capture、once、passive 和已终止 signal 的边界。
-
介绍JavaScript HTMLTemplateElement.content的重复实例化方法，用importNode深复制保留模板原件，解释片段插入后的节点移动、事件绑定和重复id处理。
