前端技术文章
-
解释 Vite 配置求值早于 .env 文件加载的原因，并用 loadEnv 正确读取模式变量、配置端口和控制客户端暴露边界。133 收藏 -
SolidJS 的 createStore 可以用 setStore 路径语法定位嵌套对象和数组元素，本文用一个表单状态示例说明局部更新、条件批量更新以及 produce 的适用边界。130 收藏 -
围绕 cache key、install、activate 和回滚设计一套 Service Worker 缓存版本更新方案，说明怎样避免新旧缓存互相污染，以及 updateViaCache 和 clients.claim 应该怎样取舍。122 收藏 -
从计算边界、消息协议、结构化克隆、ArrayBuffer 转移和生命周期五个方面说明前端如何把合适的计算移到 Web Worker，并给出错误处理与场景判断。121 收藏 -
通过自定义属性、命名容器和 @container style() 让组件响应父级状态，并说明默认回退、继承、容器选择及普通属性查询的支持边界。120 收藏 -
闭合阴影根不必牺牲焦点委托。用声明式模板保留 delegatesFocus，区分宿主聚焦、Tab 顺序与外部观察，并避开布尔属性、重复建根和字符串注入的常见误区。120 收藏 -
本文用一个可伸缩组件场景说明 ResizeObserver 的 contentBoxSize、borderBoxSize 和 contentRect 如何选择，并给出数组形态、旧实现回退与组件销毁处理方式。114 收藏 -
本文用搜索列表案例拆分 React 中必须立即响应的交互状态与可中断的后台渲染，说明 useTransition、isPending、受控输入、异步更新和 Suspense 的正确边界。112 收藏 -
用 CSS :has(> ...) 让卡片只响应直接子元素的状态，理解后代匹配与直接子代匹配的差异，并处理多个状态、优先级和组件边界。111 收藏 -
scheduler.yield 能把主线程长任务切成多个 continuation，并在 postTask 内继承优先级。本文给出时间预算切片、取消处理与兼容降级的完整写法。110 收藏 -
JavaScript Iterator Helpers 可以把 filter、map、take 等操作组合成惰性处理链。本文用可运行配方解释何时取值、怎样提前停止，以及一次性消费与兼容性边界。110 收藏 -
用 PerformanceResourceTiming 的域名解析、连接和安全连接时间戳拆分 DNS、TCP、TLS 耗时，并处理跨域受限、缓存命中与连接复用导致的零值。108 收藏 -
URLPattern 可以在同一个对象模式中分别声明 hostname 与 pathname，并从 exec 返回值的对应组件读取命名分组。本文用多租户项目地址演示域名参数、路径参数、相对 URL、未匹配处理和旧环境回退。108 收藏 -
React useEffect 发起搜索请求时，旧请求可能晚于新请求返回并覆盖页面状态。本文用 cleanup 的 ignore 标记与 AbortController 两层边界处理竞态，并用可观察指标判断修复是否生效。107 收藏 -
用 AbortSignal.any 把用户取消和超时合并为一个 fetch 信号，并根据 reason 区分取消来源，补充监听器清理与兼容性边界。106 收藏