-
CSS ruby-align 用来控制 ruby 注音在基准文本上的分布方式。本文从手工调间距的旧写法迁移到 start、center、space-between 和 space-around，说明不同注音长度的选择、结构边界与不支持属性时的降级处理。
-
Vue 自定义指令在 mounted 中注册 DOM 事件后，要保存同一处理函数和 capture 选项，在 updated 重绑前清理旧监听，并在 unmounted 中使用相同 target、type、handler 完成回收，避免组件反复挂载后事件重复触发。
-
CSS Custom Highlight API 可以用 Range 描述搜索命中位置，用 Highlight 聚合多个范围，再通过 CSS.highlights 和 ::highlight() 绘制高亮，不必向正文插入 span。本文说明节点索引、连续输入清理、能力检测和无障碍边界。
-
用 scheduler.yield 把长时间的批量 DOM 更新拆成可恢复片段，先给用户反馈，再处理能力检测、setTimeout 降级和取消边界。
-
从几何边界、alpha/luminance 和交互区域三个角度，对比 SVG clipPath 与 mask 的透明度处理，给出可直接改写的最小示例。
-
CSS timeline-scope 可以扩大命名滚动时间线的作用域，让不在同一滚动容器后代树中的动画元素引用同一个时间线。本文用一个小型结构说明默认边界、共同祖先配置、@supports 降级和匿名时间线的区别。
-
在 Vite 项目里，使用 ?worker 导入得到的是 Worker 构造器，而不是普通模块对象。本文用一个最小的 TypeScript 示例说明 worker 文件、消息协议、?worker&inline、?sharedworker 与 vite/client 类型提示的关系，并整理部署和生命周期中的常见误区。
-
自定义元素默认不会自动进入原生表单校验和提交流程。本文用 ElementInternals、setFormValue 和 setValidity 实现一个可提交、可校验的自定义表单控件，并说明 name、required 与空值处理边界。
-
通过工单分组示例说明 JavaScript Map.groupBy 的对象引用键、原引用查询、属性修改与成员重建，以及归档和清理方式。
-
SVG feDisplacementMap 的 xChannelSelector 和 yChannelSelector 分别决定水平、垂直位移读取的颜色通道。本文说明 R、G、B、A 的选择边界、默认值、scale 与 0.5 中性值的关系，并给出可直接改写的 SVG 示例。
-
JavaScript Element.toggleAttribute 怎样同步布尔属性？本文用一个可展开面板说明如何切换 hidden、disabled 等属性，区分属性存在与属性值，利用 force 参数固定状态，并处理 ARIA 属性与非法名称的边界。
-
CSS Grid 通过 grid-area、order 或响应式布局改变视觉位置后，卡片的 DOM 顺序和键盘焦点顺序可能不一致。本文用 reading-flow 的 grid-rows、grid-columns 与 grid-order 对齐访问顺序，并说明 tabindex、reading-order 和兼容性边界。
