-
围绕 Web Worker 二进制消息传递,解释 ArrayBuffer 所有权、TypedArray 视图与 transfer 列表,提供往返示例及子视图、异常和在途任务的处理方法。
-
在 Vite 项目里,使用 ?worker 导入得到的是 Worker 构造器,而不是普通模块对象。本文用一个最小的 TypeScript 示例说明 worker 文件、消息协议、?worker&inline、?sharedworker 与 vite/client 类型提示的关系,并整理部署和生命周期中的常见误区。
-
从响应头、iframe allow、来源继承和浏览器授权四层拆解 Web API 被 Permissions Policy 阻止的排查方法,给出最小配置、检查代码与 Report-Only 使用边界。
-
Atomics.waitAsync 用非阻塞方式等待 SharedArrayBuffer 状态变化,但返回值同时存在同步字符串与异步 Promise。本文用最小示例说明返回判断、store/notify 顺序、超时分支和兼容性降级。
-
CSS.registerProperty() 可以为自定义属性声明语法类型、继承策略和初始值,让颜色、长度等值更适合参与 CSS transition。本文用原创示例说明四个字段、动画接法、重复注册异常和兼容性降级。
-
自定义元素默认不会自动进入原生表单校验和提交流程。本文用 ElementInternals、setFormValue 和 setValidity 实现一个可提交、可校验的自定义表单控件,并说明 name、required 与空值处理边界。
-
TreeWalker 中 FILTER_SKIP 只跳过当前节点,仍会继续检查后代;FILTER_REJECT 则会剪掉当前节点及整棵后代子树。本文用静态 DOM 示例说明两者差异,并解释为什么收集文本时通常要同时显示元素和文本节点。
-
React useEffect 发起搜索请求时,旧请求可能晚于新请求返回并覆盖页面状态。本文用 cleanup 的 ignore 标记与 AbortController 两层边界处理竞态,并用可观察指标判断修复是否生效。
-
HTMLInputElement.showPicker() 可以让自定义按钮打开日期、文件、颜色或 datalist 等原生选择器;关键是保留用户点击上下文,先做特性检测,并为异常和旧浏览器准备原生 input 回退。
-
通过工单分组示例说明 JavaScript Map.groupBy 的对象引用键、原引用查询、属性修改与成员重建,以及归档和清理方式。
-
SVG feDisplacementMap 的 xChannelSelector 和 yChannelSelector 分别决定水平、垂直位移读取的颜色通道。本文说明 R、G、B、A 的选择边界、默认值、scale 与 0.5 中性值的关系,并给出可直接改写的 SVG 示例。
-
区分标准 mask-composite 与 WebKit 旧合成语法,说明层列表、运算方向与简写重置,并提供两层 exclude 示例和限定范围的 xor 回退。
-
JavaScript Intl.Segmenter 可以按区域语言和粒度拆分文本。本文用 zh-CN 与 word 粒度处理中文,说明 segment、index、isWordLike 的读取方式,并给出高亮、截断和旧环境特性检测的边界。
-
JavaScript Element.toggleAttribute 怎样同步布尔属性?本文用一个可展开面板说明如何切换 hidden、disabled 等属性,区分属性存在与属性值,利用 force 参数固定状态,并处理 ARIA 属性与非法名称的边界。
-
通过Vite插件configureServer参数读取开发服务器,示例演示注册诊断中间件、闭包保存引用,并区分配置读取、初始化时机、构建和预览范围。