前端周刊 #44：GitHub Diff 性能、MDN 与 Lit、Signals 推挽与 Ky 2.0

本周快讯

JetStream 3 基准 WebKit、Google 与 Mozilla 联合发布 JetStream 3，面向浏览器端 JS 与 WASM 性能对比，便于跟踪引擎与版本演进。
WebAIM Million 2026 百万页面可访问性抽样报告更新，指出第三方框架依赖与 AI 辅助编码等因素与可访问性指标承压相关，团队可对照自查清单与人工测试。
「AI 现状」年度调查 Devographics 开启第二届 Web 开发中 AI 使用调查，适合从业者贡献样本、观察社区趋势。
npm 可信发布支持 CircleCI OIDC 发布链路再扩一类 CI，降低长期 token 泄露面，维护者可评估是否迁移到短时凭证。
Node 安全悬赏暂停 Internet Bug Bounty 进入间歇期，Node 项目暂停对有效漏洞报告的现金奖励，报告渠道仍开放，企业依赖方需调整预期。
Chrome 应用店申诉流程扩展被拒后的申诉与重审机制更新，上架与合规团队可对照新政策整理材料。
React 19.2.5 与 RSC 补丁线发布，包含针对 React Server Components 的循环防护等修复，使用 RSC 的栈应尽快对齐补丁版本。
React Native 0.85 稳定版带来共享动画后端路线、DevTools 与 Metro TLS 等更新，Jest 预设迁至 @react-native/jest-preset，升级前请读 Breaking Changes。
QuickBEAM 运行时面向 Erlang BEAM 的 JS 运行时，兼容部分 Node 核心 API，跨语言/工具链爱好者可关注实验进展。

技术文章

GitHub 如何把 PR Diff 做到可交互又省内存

GitHub 团队复盘新版「Files changed」React 体验：超大 PR 下曾出现堆内存超 1GB、DOM 超四十万节点与 INP 飙高等问题。v2 通过压缩每行组件层级（统一/分栏视图各自专用组件）、用顶层委托替代每行挂载大量事件、把评论态迁到按需子树、用 Map 做 O(1) 查询并限制 useEffect 出现在行级组件等方式减负；对极端体量再叠加 TanStack Virtual 虚拟化，使 p95+ 场景下堆与节点量数量级下降。文中给出万行 diff 下的指标对比表，适合在做代码浏览、设计系统或重交互表格的团队当架构参考。若你也在维护「无限列表 + 高亮 + 批注」类界面，可对照其「普通尺寸保行为、极端尺寸保响应」的分层策略。

MDN 新前端内幕：从 CRA 封装到 Lit 与「服务端组件」自研

MDN 解释为何弃用技术债沉重的 ejected CRA + 巨型 Webpack，转向以静态内容为主、交互孤岛用 Lit Web Components 承载：文档主体仍是 Markdown→JSON→SSR 的管线，React 时代难以优雅地把交互嵌进正文，导致 dangerouslySetInnerHTML 与重复实现。新架构用 Lit 写 <mdn-*> 自定义元素，配合 Declarative Shadow DOM 与按标签名动态 import()，只加载页面实际出现的组件脚本；并自研基于 Lit 模板的服务端组件，在 Node 侧拼装 HTML、按使用集合注入 CSS，避免 SPA 为静态正文重复下发与重渲染。文中含 Scrim、交互示例与导航下拉等案例代码片段。对文档站、课程平台或「内容优先」产品，这是可复用的「静态 HTML + 岛屿架构」样本。

Railway 生产前端整体迁出 Next.js：两 PR、零停机

Victor Ramirez 记录-dashboard 与营销站从 Next（长期停留在 Pages Router）迁到 Vite + TanStack Router + Nitro 的动机与过程：构建曾超十分钟且大量耗时卡在 Next 优化阶段，而产品本质是强客户端状态与 WebSocket，不需要服务器优先范式。第一篇 PR 去掉 next/image、next/router 等绑定，第二篇在两百余路由上切换框架并用 Nitro 统一重定向与安全头。迁出后迭代构建显著缩短，边缘缓存与按哈希拆分的静态资源使回源变更更局部。文中坦诚交换条件（失去内置图片优化、需自研 SEO 小工具、TanStack Start 成熟度等）。若你在评估「客户端主导控制台」是否还要绑在元框架上，此文是真实成本收益账本。

Signals 的推挽算法：从直觉到可运行原型

作者用交互图示拆解 Signals：源变更时向下「推送」失效通知（push），computed 仅在再次被读取时拉取重算（pull），依赖追踪靠执行栈把当前 computed 与读到的 signal 自动关联。文中给出简化版 signal/computed 实现片段，涵盖 dirty 标志、STACK 上下文与订阅清理，帮助理解为何 Solid/Vue/Preact Signals 能细粒度更新而少跑无效渲染。文末链接 TC39 Stage 1 的 proposal-signals 与 alien-signals 等实现。若你惯用 React 依赖数组，读此文有助于对照「自动追踪 vs 显式声明」的语义差异。

你取消不了 Promise，但有时可以让它永远挂起：Inngest 的控制流技巧

Inngest 团队解释如何在用户只写 async/await 的前提下实现可中断的长工作流：在「新步骤」边界返回一个永不 resolve 的 Promise，让当前异步函数挂起，再由运行时持久化已完成的步骤并在下次 invocation 重入；相比抛错中断，可避免用户 try/catch 误吞「中断」信号；相比生成器方案，又保留 Promise.all 等并发写法。文章用 setTimeout(0) 分隔微任务与宏任务、配合 FinalizationRegistry 讨论悬挂 Promise 是否泄漏，语义细节对写编排引擎、Serverless 步骤函数或调试「奇怪退出」的 Node 脚本都有启发。注意若闭包仍引用悬挂 Promise，GC 不会回收——需要自觉断开引用链。

CSS subgrid：全宽与内嵌组件在 CMS 布局里少一层包裹

David Bushell 用 subgrid 解决「在栅格容器里既要全宽横幅又要内容对齐主栏」的常见痛点：子网格继承父轨道，组件可声明跨列而不必额外 wrapper 或负边距 hack。对设计系统里由 CMS 驱动的落地页、卡片列表与通栏 Banner 组合，能减少 DOM 深度与魔法数 margin。读时可结合 Baseline 与目标浏览器份额评估是否渐进增强；不支持时可回退为普通 grid 或单层布局。此文与「Name-only containers」等新兴作用域话题一起，构成本周 CSS 架构小专题的另一角。

工具推荐

view-transitions-toolkit：View Transitions 工具函数合集

Bramus Van Damme 将多年实验沉淀为 npm 包，提供特性探测、document.activeViewTransition shim、动画测量与优化、播放暂停与 scrub、按导航来源注入 view-transition-type 等能力。文档与演示站点在 chrome.dev/view-transitions-toolkit，可与原生 document.startViewTransition 搭配，用 optimizeGroupAnimations 等 API 减轻组动画开销。适合已在产品里试点页面过渡、又不想重复写底层样板的前端。

ky 2.0：基于 fetch 的极简 HTTP 客户端大版本

ky 2.0 要求 Node 22+，统一钩子签名为单一 state 对象，将 prefixUrl 重命名为 prefix 并新增符合 WHATWG 规则的 baseUrl，searchParams 改为与输入 URL 合并而非覆盖。新特性含跨重试的 totalTimeout、HTTPError.data 预解析响应体、.json() 对空体与 204 抛出解析错误以暴露真实契约问题等。迁移时需按发布说明调整钩子与空响应处理。适合在浏览器与边缘函数里替代手写 fetch 封装。

Crashcat：面向游戏与创意页面的 JS 物理引擎

Isaac Mason 开源的 2D 物理库，站点提供大量可交互 demo，覆盖刚体、关节与场景编辑等常见需求。若你要在营销页、可交互文档或轻量游戏中做真实碰撞与堆叠，可评估与 Canvas/WebGL 渲染层配合。复杂度与确定性需自行在目标帧率下压测。

Bearnie：面向 Astro 与 Tailwind 的可访问组件起点

Bearnie 提供遵循 WCAG 2.1 AA 的组件集，强调键盘、焦点与屏幕阅读器行为，可 fork 成自有设计系统基底。适合已选 Astro 内容架构、又希望少从零补齐无障碍细节的团队；仍需用真实辅助技术走查业务变体。

SSGOI：跨框架的页面过渡动画方案

文档宣称在比原生 View Transitions 更广的浏览器组合上提供类原生应用转场，并支持 React/Next、Vue/Nuxt、Svelte、Angular 等路由集成。可在渐进增强策略里与 @view-transition 能力检测搭配；注意评估包体与路由钩子的维护成本。

Boneyard：从真实 UI 自动生成骨架屏

上传或截取界面后生成与布局对齐的骨架矩形列表，支持 React、Svelte、Vue 等，减少手写 placeholder 与真实页面错位。适合列表/控制台类产品在加载态与 Suspense 占位之间快速对齐设计；复杂动态数据仍要处理文案与空状态。

Dither Image：浏览器内复古像素抖动处理

在线工具为图片添加可配置抖动与调色板效果，带前后对比。适合营销物料、独立游戏风 UI 或博客配图快速实验，无需打开桌面图像软件。

版本发布

React 19.2.5

补丁版本强化 React Server Components 相关防护（如循环引用场景），使用 RSC 的框架与模板应跟随上游建议升级。升级后在预发跑一遍流式渲染与边界用例，关注第三方 RSC 适配器是否已声明兼容。

React Native 0.85

引入与 Software Mansion 合作的共享动画后端，使 Animated 与 Reanimated 在核心层共享演进路径；Animated 侧可用原生驱动动画更多布局相关属性（官方示例使用 Animated.timing 与 useNativeDriver: true）。DevTools 支持多 CDP 连接、Android 网络面板恢复请求体预览；Metro 支持 TLS 开发服务器。破坏性变更包括 Jest 预设迁至 @react-native/jest-preset、弃用 Node 版本收紧、移除 StyleSheet.absoluteFillObject 等，请用 Upgrade Helper 对照迁移。