前端技术文章
-
用 AbortSignal.any 把用户取消和超时合并为一个 fetch 信号，并根据 reason 区分取消来源，补充监听器清理与兼容性边界。106 收藏 -
HTMLInputElement.showPicker() 可以让自定义按钮打开日期、文件、颜色或 datalist 等原生选择器；关键是保留用户点击上下文，先做特性检测，并为异常和旧浏览器准备原生 input 回退。106 收藏 -
SVG feDisplacementMap 的 xChannelSelector 和 yChannelSelector 分别决定水平、垂直位移读取的颜色通道。本文说明 R、G、B、A 的选择边界、默认值、scale 与 0.5 中性值的关系，并给出可直接改写的 SVG 示例。104 收藏 -
区分标准 mask-composite 与 WebKit 旧合成语法，说明层列表、运算方向与简写重置，并提供两层 exclude 示例和限定范围的 xor 回退。103 收藏 -
JavaScript Intl.Segmenter 可以按区域语言和粒度拆分文本。本文用 zh-CN 与 word 粒度处理中文，说明 segment、index、isWordLike 的读取方式，并给出高亮、截断和旧环境特性检测的边界。102 收藏 -
CSS Grid 通过 grid-area、order 或响应式布局改变视觉位置后，卡片的 DOM 顺序和键盘焦点顺序可能不一致。本文用 reading-flow 的 grid-rows、grid-columns 与 grid-order 对齐访问顺序，并说明 tabindex、reading-order 和兼容性边界。101 收藏 -
JavaScript fetch 可通过超时信号与用户取消信号组合控制等待。本文给出覆盖 JSON 响应体读取的封装与兼容写法，说明错误分类、资源清理和取消不等于服务端回滚的边界。100 收藏 -
区分 View Transitions 快照与业务状态，用原创同页切换示例保留草稿、控制重复提交，并解释 ready、updateCallbackDone、finished 和降级处理。100 收藏