Frontend Focus
Web 有多快？探索数十亿条真实用户测量数据
一个新的免费 BigQuery 数据集，包含来自 10,000 个由 Cloudflare 提供前端服务的大型网站的匿名真实用户 Core Web Vitals 数据，每日更新，同时覆盖 Safari/WebKit 和 Chrome。文章介绍了一些初步发现，包括下载通常是缓慢 LCP 中占比最小的部分。
blog.cloudflare.com
技术周刊
集中阅读技术文章与开源项目，先看摘要，再沿原文深入了解。公开免费，无需登录；有翻译时按站点语言展示，缺少翻译时保留原文。
本期 36 条 · 8 个来源 · 整理于 2026年10月18日
Frontend Focus · GitHub 开源精选 · Node Weekly · React Status · TLDR Tech · 阮一峰的网络日志 · JavaScript Weekly · This Week in React
GitHub 开源精选
wheresryan22/anatomy
一个用于创建真实世界机器和复杂系统的详细、交互式等距插画的 agent skill。可生成精致的 SVG，并可选使用 WebGL 着色器和 3D 效果。
github.com
Frontend Focus
为什么更多开发者不“使用平台”？
作为 Web 平台的大力倡导者，Nolan 深入思考了这种常见的替代做法，探讨了我们为什么经常用 JavaScript 和 CSS 重建平台已经提供的功能。
nolanlawson.com
Node Weekly
Booking.com 如何将其最大的 Node.js 服务成本降低 38%
这家在线旅游公司将其最大的 React SSR 服务从 pm2 基于进程的集群方案迁移到 Platformatic 的 Watt 和 worker threads，随后调整负载均衡和 V8 的 GC，取得了显著的收益。
medium.com
React Status
React 父级树和所有者树的可视化表示法
一种为 React 应用提出的图示表示法，同时展示每个元素最终出现的位置（父级树），以及创建它的组件（所有者树），并使用标记表示 context、Suspense、memo、错误边界和 RSC。此外还有一个 playground，可以根据你粘贴的代码绘制树。
julesblom.com
TLDR Tech
揭秘 Mark Zuckerberg 决定启动 Meta AI Agent 的内幕
由于安全方面的担忧，Meta 推迟了 Muse 的发布数月。然而，一家名为 Instinct 的初创公司创建的 AI agent 取得成功，促使 Mark Zuckerberg 推动发布，因为他担心失去竞争优势。此次发布取得了成功，也让 Meta 在 agent 领域取得了早期领先。该 agent 只出现过几次安全问题，例如未经允许将一名用户的地址提供给 Facebook Marketplace 上的卖家。
nytimes.com
React Status
Next.js 16.4 将 Cache Components 设为推荐默认选项
重大消息是，Cache Components 现在已成为推荐选项；如果使用 create-next-app 创建应用，它还会默认启用。Agentic tooling 也获得了一些升级，所有应用还迎来了一些较小的改进。
nextjs.org
阮一峰的网络日志
科技爱好者周刊（第 414 期）：Jev 决策模型有什么用
这里记录每周值得分享的科技内容，周五发布。...
ruanyifeng.com
Frontend Focus
在 Chrome 中发布 JPEG XL
昨天发布的 Chrome 155 引入了对 JPEG XL（.jxl）图像的支持。与 JPEG 相比，它们可以提供高 30-50% 的压缩效果、HDR 支持等。
developer.chrome.com
GitHub 开源精选
openai/math
此条目未提供摘要，可打开原文查看项目说明与详情。
github.com
JavaScript Weekly
Preact 11 发布
在 Preact 11 的开发之路开启六年后，这个广受欢迎的“拥有相同现代 API 的 React 替代方案”的最新版本现已发布，带来了改进的 hydration、自动 ref 转发以及仅支持 ESM 的 package。升级指南介绍了相关变更。
preactjs.com
Node Weekly
Node.js 26.11.0（Current）发布
这是一次比平常更重要的次要版本更新，新增了 --process-timeout 标志，可在设定的时间后结束进程（即使进程当时正处于忙循环中）；node:sqlite 获得了虚拟表支持；新增 Buffer.stringLength()；Alpine（x64）支持提升至 tier 2。
nodejs.org
TLDR Tech
Apple 即将通过 HomeView 填补其生态系统中最大的空白
Apple 将于明天发布新的智能家居产品。核心产品将是一款名为 HomeView 的智能家居中枢，本质上充当 Apple 家庭的 Siri 指挥中心。它将提供一款带金属底座的台面型号，以及一款壁挂式版本；后者配有扁平的方形底座，安装在显示屏下方并贴靠墙面。HomeView 仅支持有限数量的 Apple 应用，并且不会提供用于下载其他软件的 App Store。
bloomberg.com
React Status
TanStack Charts 1.0：可组合、类型化的图表
在创建 React Charts 近十年后，Tanner 带来了重新思考的成果：由类型化标记和比例尺组合而成的图表，可使用 SVG 或 Canvas 渲染，并配有 React 适配器。示例目录展示了它的功能范围，同时提供了代码示例。
tanstack.com
Frontend Focus
The State of HTML 2026 Survey 现已开放
Devographics 每年一次、旨在了解我们如何使用 HTML、表单、Web Components 和浏览器 API 的调查又回来了，完成它预计需要 10–15 分钟。浏览器厂商会使用调查结果来确定其路线图的优先级，因此你的回答将帮助决定接下来会发布什么。
survey.devographics.com
GitHub 开源精选
storytold/wordcraft
使用纯 Rust 对 Microsoft Word 进行的开源、洁净室重新实现
github.com
JavaScript Weekly
Nuxt 4.6：迈向与服务器无关的 Nuxt 的一大步
这是全栈 Vue 框架的一次内容丰富的发布，其服务器层不再将你绑定到 Nitro（纯 Vite 服务器构建现已成为实验性选项），并加入了内置会话、Vue Vapor 支持以及新的 CLI（Nuxt CLI 4.0）。
nuxt.com
Node Weekly
使用 null 原型优化对象
在 V8 中，使用 { __proto__: null } 或 Object.create(null) 创建的对象一开始会处于较慢的“字典模式”。正如 Matteo 所展示的，先创建普通对象、之后再将原型置为 null，可以保持其运行速度。
adventures.nodeland.dev
React Status
我们能用 React Compiler 让 React 更快吗？
深入研究 React Compiler 的输出，然后制作额外的编译器处理流程原型，例如内联、代码块和选择器推断，看看 React 的速度还能提升多少。
jimmyhmiller.com
TLDR Tech
中国的配送机器人正在学习应对夜班
深圳在 3 月开放了无人驾驶车辆进行夜间配送。夜间运营让原本闲置的车辆和基础设施发挥作用。这也意味着道路更加安静、行人流量减少、拥堵程度降低。无人驾驶车辆消除了雇用人类的成本：它们不需要支付夜班工资，不会感到疲劳，也不需要因为在雨中驾驶而获得额外报酬。
bloomberg.com
This Week in React
React Adapter
新的 TanStack 图表库现已正式稳定。体积小、更新快、可组合、类型安全。与其他 TanStack 库类似，它采用与框架无关的核心，并提供一个 React Adapter。
tanstack.com
Frontend Focus
航空公司网站运行缓慢，但本不必如此
✈️ 航空公司网站运行缓慢，但本不必如此——这是一份有趣的分析，使用真实用户指标评估了 100 多个不同航空公司网站的性能。约 95% 的网站在移动端未通过 Core Web Vitals 测试。
calibreapp.com
GitHub 开源精选
storytold/cadcraft
CADCraft：计算机辅助设计与绘图——一款使用纯 Rust 开发、采用干净室方式实现的开源 AutoCAD 风格应用
github.com
JavaScript Weekly
Claude Code Mods 入门
Claude Code 刚刚新增了对 Mods 的支持。Mods 是一种使用 JavaScript 扩展代理式编码工具的方法，你可以借此监听事件、改变行为并绘制自定义 UI。Addy 在这里用约 80 行代码构建了一个 mod，用于显示上下文窗口的实时“forecast”。
claude.dev
JavaScript Weekly
我测试了 11 个 HTTP 弹性库
如果在重试过程中途取消，Ky、ofetch 和 Wretch 这样的 fetch 封装表现如何？ffetch 的作者测试了 11 个选项，发现其中 5 个在取消后仍会尝试重试。
blog.gaborkoos.com
React Status
React Aria 的全新可滑动 Sheet 及其背后的 CSS 技巧
React Aria 推出了一个新的可滑动 Sheet 组件，Devon 解释了它的工作原理。它没有在 JavaScript 中处理触摸事件，而是使用一个超大的滚动容器，结合 CSS scroll snapping 和 view timelines，从而获得原生动量、橡皮筋效果、与手势同步的动画等更多效果。
react-aria.adobe.com
TLDR Tech
22 个科学领域中的问题，其解决方案一直隐藏在显而易见之处。AI 找到了它们
借鉴一个研究领域的想法来解决另一个领域的问题，是一种由来已久的科学技巧。然而，这种巧妙的跨越很少见，因为研究人员通常不会把时间花在研究自己专业之外的领域上。AI 可以轻松地在不同领域之间跳跃。BootLoops 是一个 harness，能够在大规模范围内发现并解决那些看似无关、但共享相同数学结构的领域中的问题。
science.org
This Week in React
TanStack Markdown + Highlight 1.0
说到 TanStack，也可以看看 𝕏 TanStack Markdown + Highlight 1.0：一个用于文档和 AI 流的微型、高速 Markdown 渲染器，以及与之配套的语法高亮器。与框架无关，并提供一个 <Markdown> 组件。
x.com
Frontend Focus
CSS 现在可以处理 Tooltip 定位了
Matt 介绍了 CSS Anchor Positioning，具体包括 anchor-name 和 position-anchor，以及如何利用它们构建 Tooltip 和下拉菜单，使其在窗口调整大小和页面滚动时保持位置不变。
allthingssmitty.com
GitHub 开源精选
storytold/gridcraft
GridCraft：使用纯 Rust 编写的开源、简洁的电子表格（Microsoft Excel 风格）。作者：ArtCraft。
github.com
JavaScript Weekly
与 Deno 的友谊结束了，现在 Node 是我最好的朋友
David 在 2021 年对 Deno 感觉不错，但现在已经回到了 Node，并对它的诸多改进感到惊讶。他几乎没有进行任何修改就将自己的网站生成器迁移了回来，并且毫不避讳地指出他认为 Deno 做错的地方。
dbushell.com
Node Weekly
DOCX 9.9：从 JavaScript 生成 Word .docx 文件
一个用于生成 docx 文件的综合性库。9.8 最近新增了对图表、形状和水印的支持，而 9.9 新增了一种按照 Word 本身的方式排版文档的方法。Homepage。
github.com
TLDR Tech
如果你的团队忙于做“日常工作”而无暇尝试 AI，那么你正在为他们被取代做准备
在当前阶段不学习使用 AI 会损害你的职业生涯。就业市场的偏好和需求已经发生了变化。不使用 AI 工作的团队将被使用 AI 的员工取代。就业市场可能看起来很艰难，但对于那些一直在投资提升自我的员工来说，要容易得多。
ghuntley.com
This Week in React
React Native Skia 3.0——你好，Graphite
🎥 React Native Skia 3.0——你好，Graphite
youtube.com
GitHub 开源精选
tangency-labs/solidcraft
SolidCraft：一款完全使用 Rust 构建的开源参数化 3D CAD 应用程序。支持桌面端、Web 端以及通过 MCP 实现自动化。
github.com
Node Weekly
H3 v2：UnJS HTTP 框架基于 Web 标准重构
一个极简的 HTTP 框架，以支持 Nitro 和 Nuxt 的服务器层而闻名。v2 围绕标准的 Request 和 Response 重写，因此同一个应用可以运行在 Node、Bun、Deno 和 Workers 上，并支持 URLPattern 风格的路由以及 (event, next) 中间件。更多信息请见此处。
h3.dev