-
Web Worker 高频回传数值时，SharedArrayBuffer 能避免反复复制，但必须满足跨源隔离并正确处理并发。本文比较三种通信方案，并给出带背压的单生产者单消费者环形缓冲区实现。
-
Request 的请求体是一次性可消费的流，读取 body 后再 fetch 同一个对象容易失败。本文说明 bodyUsed、clone 的正确时机，以及需要改请求时怎样重新构造 Request。
-
自定义 div 或无 href 的 a 元素即使加了 role=button，也不会自动获得原生按钮的键盘行为。本文说明何时改回 button，以及如何补齐 tabindex、焦点样式、Enter 和 Space 处理，并区分命令按钮、切换按钮和对话框焦点回收。
-
Request.signal 本身不能直接调用取消方法，正确做法是在创建 Request 时绑定 AbortController.signal，发出 fetch 后调用 controller.abort()，再区分主动取消、超时和普通网络错误。本文还说明响应体读取阶段、signal 单次使用和生产发布检查边界。
-
用 Range.compareBoundaryPoints 比较两个 Range 的起点和终点，列清四种 how 常量的实际映射，解释 -1、0、1 的方向，并说明它与范围重叠判断的边界。
-
Canvas 文字布局不能只看 TextMetrics.width。本文从 measureText() 返回值出发，说明 actualBoundingBoxLeft、Right、Ascent 和 Descent 如何换算真实可见矩形，并给出居中、裁剪和斜体外伸时的处理边界。
-
fetch 收到 404 时，Promise 通常仍会 resolve，因为服务器已经返回了 HTTP 响应。本文用 Response.ok、Response.status 和主动抛错讲清 catch 的正确使用边界。
-
拆分 PerformanceObserver 原始条目、LCP/CLS/INP 计算与上报层，给出诊断和 web-vitals 接入示例，说明页面隐藏、重复快照、缺失值与 sendBeacon 入队的边界。
-
React useMemo 依赖数组中的对象每次渲染都重新创建时，即使字段不变也会重复计算。本文用引用相等、原始依赖和 useEffect 场景说明正确处理方式。
-
对比Alpine.js的$watch与x-effect，通过组件示例解释显式监听、自动依赖、首次执行、新旧值，以及深层对象回写风险和副作用隔离。
-
Vue 3 中监听 reactive 对象的单个字段时，应把字段访问放进 getter，而不是直接传当前值。本文结合一次表单联动排障，讲清 getter、deep、immediate 和 Options API 点号路径的取舍。
-
拖拽排序松手后顺序回跳，通常不是 CSS 问题，而是指针位置、占位元素和最终数组没有在同一个时序里更新。本文用 Pointer Events、占位节点和单一提交点拆解竞态，并给出可复核的实现与验收方法。
-
CSS @function 可以把带参数的样式逻辑收进原生 CSS。本文用 result 覆盖规则、参数与局部变量作用域、类型约束和 @supports 降级，判断它是否适合进入前端项目。
-
Intl.Locale 的 maximize() 可以依据语言标签补出最可能的脚本和地区子标签。本文从 zh、en 等不完整 Locale 的常见表现出发，说明如何读取 baseName、script、region，如何保留 -u 扩展标签，以及何时使用 minimize()。
-
CSS 容器查询容易因为容器类型和祖先层级选错而出现样式误匹配。本文用可复用卡片说明 container-type: inline-size、size、container-name 与最近合格祖先的关系，帮助你把查询范围稳定地隔离在组件宿主内。
