-
WebSocketStream 把 WebSocket 连接接入 Streams API，浏览器可以根据读写流的处理能力自动施加背压。本文用一个双向客户端示例说明 readable、writable、reader、writer 的关系、接收循环的节奏、发送端的等待方式，以及该实验性 API 的兼容边界。
-
JavaScript 可以把 SVG path 的 d 属性交给 new Path2D 构造 Canvas 路径对象，再复用于 fill、stroke 和命中判断。本文说明输入边界、绘制复用、坐标变换与路径副本的职责分工。
-
SVG 的 feGaussianBlur 会向图形边界外扩散；如果 filter 区域太小，扩散结果会在区域边界被裁剪。本文说明默认区域、filterUnits 和排查方法。
-
同文档状态切换时，把 DOM 更新交给 document.startViewTransition()，再用唯一的 view-transition-name 拆分元素动画；本文给出最小写法、过渡伪元素、兼容降级和减少动效处理。
-
CSS position-visibility 可以控制锚定浮层在锚点离屏或发生溢出时是否强制隐藏。本文用一个浮层场景解释 anchors-visible、no-overflow、always 的区别，并补充 position-try-fallbacks 与旧浏览器降级策略。
-
CSS grid lanes 怎样实现不等高卡片的紧凑布局？本文用 display:grid-lanes 和 grid-template-columns 说明原生紧凑排列的工作边界，再用 @supports 保留普通 Grid 回退，补充 DOM 顺序、跨度和实验能力的取舍。
-
从图块边界、内部内容坐标和 viewBox 三个层面，说明 SVG patternUnits 与 patternContentUnits 的差异、默认值及配置选择。
-
Range.intersectsNode() 判断的是节点与 Range 是否有交集，不等于整个节点内容都被包含。本文从 DOM 边界点解释两者差异，并给出完整包含、文本命中和跨文档节点的选择方式。
-
围绕锚定面板靠近边缘后溢出的场景，讲解 CSS position-try-fallbacks、@position-try、翻转组合及候选顺序，并提供尺寸约束与普通文档流降级配置。
-
CSS font-size-adjust 可以按 x-height、cap-height 或 CJK 字符度量调整字体使用字号，让首选字体不可用时的后备字体保持相近字高。本文说明固定比例、from-font、继承、size-adjust 与旧浏览器降级边界。
-
用 Iterator.prototype.drop 惰性跳过迭代器开头的 N 个元素，说明首次 next 才消费数据、参数边界、链式组合和旧运行时降级方式。
-
CSS zoom 会让缩放后的组件参与布局，适合整体比例调整；transform: scale() 只做视觉变换，适合不希望推动兄弟元素的预览或悬浮效果。
-
SVG marker 端点图形沿路径方向旋转，关键是 orient=auto；双向连线使用 auto-start-reverse，再用 refX/refY 和 markerUnits 校准锚点与缩放。
-
URLPattern 可以把带参数的 pathname 写成可复用模式，再用 test() 判断路由是否命中、用 exec() 读取 pathname.groups 中的参数。本文拆解模式声明、参数提取、baseURL、查询字符串和兼容边界。
-
WebSocket 客户端不应看到 close 事件就立即重连。本文结合 CloseEvent 的 code、reason、wasClean，把关闭原因分成停止重连、退避重连和先修复协议或权限三类，并给出带抖动退避的 JavaScript 分类器。
