-
用 scroll-marker-group、::scroll-marker 和 :target-current 为横向滚动列表生成可聚焦导航标记，说明 before/after 的顺序差异、可访问名称和兼容降级边界。
-
用 WebSocket close 事件中的 code、wasClean 和 reason 区分完成关闭握手、服务端主动关闭与底层网络丢失，并把 error、清理和退避重连放到同一套判断里。
-
前端通过 File System Access API 保存 Blob 时，要在 HTTPS 和用户点击中调用 showSaveFilePicker，再用 createWritable 写入并关闭流；本文说明取消、降级、权限与并发写入边界。
-
navigator.locks 可以让同一来源的多个标签页共享一个命名锁。本文用资源刷新示例说明怎样把缓存检查、网络请求和写入放进同一个异步临界区，并比较 ifAvailable、signal、query 与 steal 的适用边界。
-
text-box-trim 负责选择裁剪文字盒的方向，text-box-edge 负责指定字形参考边缘。本文从标题和按钮上下留白不一致的症状出发，给出 trim-both、text-box 简写、@supports 回退以及字体和 padding 的边界。
-
Popover API 的 beforetoggle 会在浮层切换前触发。本文说明怎样只拦截开启状态，在条件不满足时调用 preventDefault，并把已经发生的状态同步交给 toggle，同时保留浏览器不支持时的降级路径。
-
View Transitions API 保留共享元素的关键，是让切换前后的同一逻辑元素使用唯一的 view-transition-name。本文分别说明 SPA 与同源 MPA 的写法、动画伪元素、降级和重名边界。
-
用 CSS content-visibility: auto 延迟长列表视口外项目的渲染成本，并结合 contain-intrinsic-size 稳定滚动空间，同时说明 auto、hidden 和 visible 的边界。
-
calc-size() 可以把 max-content 当作固有尺寸基准，再用 size + 固定长度表达最终宽高；本文说明 fallback、@supports、百分比边界，以及它与 interpolate-size 的分工。
-
首次插入 DOM 或从 display:none 变为可见时，CSS transition 常常没有可用的起点。本文用 @starting-style 还原这个症状，给出独立与嵌套写法，并说明层叠顺序、allow-discrete、降级和 prefers-reduced-motion 的边界。
-
scroll-target-group 可以把自定义目录容器变成滚动标记组，再配合 :target-current 让当前章节对应的目录项自动高亮；本文给出最小 HTML/CSS 写法、结构边界和不支持浏览器的降级方案。
-
自定义 div 或无 href 的 a 元素即使加了 role=button，也不会自动获得原生按钮的键盘行为。本文说明何时改回 button，以及如何补齐 tabindex、焦点样式、Enter 和 Space 处理，并区分命令按钮、切换按钮和对话框焦点回收。
-
CSS style query 可以读取祖先容器的自定义属性，让组件根据 --theme 等主题变量切换样式。本文从继承关系、style() 条件、动态切换、匹配语义和兼容性回退几个方面给出可直接改造的写法。
-
JavaScript Intl.Segmenter 可以按区域语言和粒度拆分文本。本文用 zh-CN 与 word 粒度处理中文，说明 segment、index、isWordLike 的读取方式，并给出高亮、截断和旧环境特性检测的边界。
-
本文用 URLSearchParams 说明重复查询参数的构造、读取、覆盖和序列化方法，重点区分 append、get、getAll、set 的语义，并解释对象构造与 URL 编码的常见误区。
