前端技术文章
-
Web Locks API 可以用 AbortSignal 取消尚未获锁的排队请求，但不能用同一个 signal 强制终止已经开始的锁回调。本文用 JavaScript 示例拆分等待取消、业务任务取消和资源清理边界。239 收藏 -
CSS subgrid 能让嵌套卡片在指定方向沿用父网格轨道，解决标题、正文和操作区逐卡片漂移的问题。本文说明列与行的选择、gap 继承、命名线和隐式轨道边界。238 收藏 -
用 SVGTextContentElement 的 getSubStringLength 测量指定字符区间，用 getComputedTextLength 测量整段文本，并说明字距、x 属性和索引边界对结果的影响。237 收藏 -
文章 · 前端 | 2个月前 | javascript · 前端工程 · AbortSignal 事件订阅 JavaScript Observable 响应式清理 addEventListener signal
不依赖尚未普遍可用的 Observable API，使用 AbortController 和 AbortSignal 统一管理事件监听、异步请求与订阅清理，讲清生命周期、重复取消和兼容回退。236 收藏 -
文章 · 前端 | 1个月前 | 前端 · javascript · 异步编程 · JavaScript Promise.all Array.fromAsync 异步可迭代对象 AsyncIterable for await of
Array.fromAsync 可顺序读取异步可迭代对象并返回数组 Promise；本文用分页生成器讲清映射、错误、内存边界及与 Promise.all 的选择。236 收藏 -
Vite 依赖预构建异常时，先区分 node_modules/.vite 文件系统缓存和浏览器强缓存，再用日志、Network 和 --force 选择最小恢复动作。236 收藏 -
本文用 color-mix() 从主题色生成浅色背景、强调色和透明层，说明 oklab、oklch、srgb 的选择差异、百分比归一化，以及用 @supports 保留纯色回退的写法。236 收藏 -
用原生 Popover API 做一个可访问的无 JavaScript 弹出层，覆盖 popover、popovertarget、light dismiss、焦点行为与不支持浏览器的降级方案。235 收藏 -
document.fonts.load 可按字体家族、字重和文本等待匹配字体集合。本文对比 load、ready 与 check，提供标题字体等待及超时处理示例，并解释空数组、字形覆盖与迟到请求的边界。235 收藏 -
从输入组件重构案例说明为什么不应默认把 DOM Event 传到业务层，并给出语义回调、原生事件保留边界、TypeScript 示例和测试判断清单。234 收藏 -
CSS Anchor Positioning 用 position-try 配置浮层回退位置，本文从最小写法、自定义 @position-try、优先级和兼容性边界说明如何避免 tooltip 溢出视口。234 收藏 -
CSSNumericValue 可以把带单位的 CSS 数值统一到可判断、可转换的对象模型中。本文从 CSSUnitValue 出发，讲清 type()、to() 的使用边界、异常处理以及旧浏览器回退策略。234 收藏 -
模板字面量类型基于字符串字面量类型构建，支持通过插值生成新的字符串类型。 这让 TypeScript 能够对字符串进行更精确的类型检查，适用于事件名、路径、类名等场景。 模板字面量类型工作原理 输入类型 type Event = "click" | "focus" type Method = "ge233 收藏 -
文章 · 前端 | 1个月前 | javascript · Web Components Custom Elements attributeChangedCallback observedAttributes
attributeChangedCallback 不触发时，先检查 observedAttributes 是否监听了正确的 attribute，再确认代码改的是 DOM attribute 而不是只改 JavaScript property。本文用最小示例说明属性反射、初始值和回调重渲染的边界。233 收藏 -
Path2D.addPath 可以把可复用路径按 DOMMatrix 加入目标路径。本文说明怎样用一个矩阵同时表达缩放、旋转与平移，并区分路径级变换和 Canvas 上下文变换。233 收藏