印记中文公众号文章

JavaScript 中文周刊 #255 - Anthropic 两周让 Claude 应用提速 3 倍

本期看点:Anthropic 复盘两周把 Claude 应用 p75「可交互时间」从 3.1s 砍到 0.55s 的实战经验;Vite+ 1.0 用一条 `vp` 命令统一整个 JS 工具链;TC39 推进 iterator chunking、join、includes 三个提案至 Stage 4;Cloudflare 推出统一的 `cf` CLI。

印记中文

公众号 · 20 篇文章

本期看点:Anthropic 复盘两周把 Claude 应用 p75「可交互时间」从 3.1s 砍到 0.55s 的实战经验;Vite+ 1.0 用一条 vp 命令统一整个 JS 工具链;TC39 推进 iterator chunking、join、includes 三个提案至 Stage 4;Cloudflare 推出统一的 cf CLI。

编辑:TimLi

🔥 本周热点

Anthropic 两周让 Claude 应用提速 3 倍 — 一组性能优化实战总结:两周冲刺将 p75「可交互时间」从 3.1 秒降到 0.55 秒。其中,破折号(讽刺的是!)会把 V8 推进一条更慢的正则路径;一个无人注意的 location.reload() 每天会触发 50 万次隐藏刷新;等等。Wang、Attard、G(Anthropic)

长按识别二维码查看原文   

https://claude.dev/blog/how-we-made-claude-ai-faster/

Vite+ 1.0:用一条 CLI 接管整个 JavaScript 工具链 — 单条 vp 命令现在可统一管理 Node 运行时(如有需要)、包管理器、开发服务器、lint、格式化、测试、构建与任务运行,全部通过 vite.config.ts 配置。vp migrate 可将现有 Vite、Vitest、ESLint、tsup 等配置迁移到 Vite+。VoidZero

长按识别二维码查看原文   

https://voidzero.dev/posts/announcing-vite-plus-1-0

💡 Evan You 还回顾了 VoidZero 加入 Cloudflare 后的四个月,包括 Oxc React 编译器、Vitest 5、稳定的类型感知 lint 等工作进展。

长按识别二维码查看原文   

https://blog.cloudflare.com/voidzero-update/

快讯:

  • 最新一期 TC39 会议正在东京进行,已有三项迭代器提案推进到 Stage 4:chunking、join 和 includes(后者刚刚随 Chrome 154 发布)。

    长按识别二维码查看原文   

    https://github.com/tc39/agendas/blob/main/2026/09.md

  • Jarred Sumner 分享了 Bun 提前编译 JavaScript 的预览:Claude Code 启动速度提升 24%、内存占用减少 48%,但二进制体积大约翻倍。

    长按识别二维码查看原文   

    https://x.com/jarredsumner/status/2104739495895781679

  • 🎉 Cloudflare 终于为自家全部 API 推出统一的 CLI。cf 用 TypeScript 编写,覆盖所有功能——而 Wrangler 只覆盖其中一部分。

    长按识别二维码查看原文   

    https://blog.cloudflare.com/cloudflare-cf-cli-launch/

  • Angular 团队正在构建一个部分由 Rust 驱动的编译器,因为 TypeScript 7 的 Go 移植版缺少现有编译器依赖的 API。

    长按识别二维码查看原文   

    https://blog.angular.dev/an-update-on-angulars-typescript-7-powered-compiler-9619a35e2b0a


📖 文章与视频

前端的「大一统架构」 — SolidJS 的作者认为:HTMX、React、LiveView 等方案的差异,主要在于如何把同一件三件事(导航、内容、即时 UI 反馈)分配到客户端与服务端。他还展示了 Solid 2.0 如何试图覆盖整个光谱。Ryan Carniato

长按识别二维码查看原文   

https://dev.to/playfulprogramming/the-grand-unifying-architecture-of-frontend-bhk

用 null 原型优化对象 — 在 V8 中,使用 { __proto__: null } 或 Object.create(null) 创建的对象一开始会进入较慢的「字典模式」。Matteo 演示了如何先创建一个普通对象、再把它的原型设为 null,从而保留「快速属性」。Matteo Collina

长按识别二维码查看原文   

https://adventures.nodeland.dev/archive/optimizing-objects-with-null-prototypes/

💡 想深入了解,可以读 V8 团队 2017 年的解析文章 V8 中的快速属性,介绍对象如何在「快速」与「字典」模式之间切换。

长按识别二维码查看原文   

https://v8.dev/blog/fast-properties

可替代 npm 包的 Node.js 内置模块 — 一篇导览,介绍 12 个可替代常见生态包的 Node 内置模块,并附带它们的稳定性等级以及一些可能让你继续使用既有替代方案的「坑」。Flavio Copes

长按识别二维码查看原文   

https://flaviocopes.com/node-builtins/

📄 JavaScript 史上最妙的文字游戏?${{ }} — 看起来像 Mustache,但 ${{ name }} 会通过简写属性把一个对象传给 tag 函数,同时保留变量名与值。Nishant Shukla

长按识别二维码查看原文   

https://shukla.io/blog/2026-09/pun.html

📄 GitHub 如何通过弃用 CSS-in-JS 提升性能Josh Black 和 Marie Lucca(GitHub)

长按识别二维码查看原文   

https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/

🛠 代码与工具

Size Limit:一款 JavaScript 性能预算工具 — 给代码设定体积或加载时间预算,当改动超出预算时,这个工具可以让 CI 失败(或在 PR 上标红)。也可以做一次性检查,并可视化查看字节都花在了哪里。它与框架无关,也不在意你用的是哪种打包器或 CI。Andrey Sitnik

长按识别二维码查看原文   

https://github.com/ai/size-limit

EmDash 1.0:Cloudflare 的 WordPress「接班人」正式稳定 — 基于 Astro 的 WordPress 替代方案,现已加入基于去中心化 AT Protocol 的插件注册中心,插件可在沙箱中运行。它并不限于 Cloudflare,也能跑在 Node.js 上。Buscemi、Kane 和 Pham(Cloudflare)

长按识别二维码查看原文   

https://blog.cloudflare.com/emdash-cms-plugin-registry/

DOCX 9.8:用 JavaScript 生成 Word .docx 文件 — 一个相当完整的 .docx 文件生成库。我们上一次推荐它只是几个月前,但这是一次大版本更新,新增图表、形状、水印支持,以及更多的数学符号支持。(项目主页)。Dolan Miu

长按识别二维码查看原文   

https://github.com/dolanmiu/docx/releases/tag/9.8.0

📢 其他生态

  • 🎵 Tonny Espeset 用纯 JavaScript 复刻了 A-ha 在 80 年代的热门曲 Take on Me(还带合成人声!),跑在一直很有意思的线上 JavaScript 音乐 playground Dittytoy 里。

    长按识别二维码查看原文   

    https://dittytoy.net/ditty/2dd99fc839

  • Git 2.56 已发布。新增 git add --resolved 可安全暂存合并冲突修复、git branch --delete-merged 用于批量清理分支,等等。文中有详细说明。

    长按识别二维码查看原文   

    https://github.blog/open-source/git/highlights-from-git-2-56/

  • TanStack 的 Tanner Linsley 开发了 Redact,即「React 的另一种逻辑投影」:目标是保持 API 完全兼容的同时,拥有更简单的实现、更小的体积与更好的性能。代码已经开源在 GitHub 上。

    长按识别二维码查看原文   

    https://tannerlinsley.com/posts/projecting-react

  • 一段小历史,聊聊端口号的由来:为什么 3000、8080 这些端口号在开发中如此常用。

    长按识别二维码查看原文   

    https://smarmelling.com/posts/the-accidental-history-of-3000-8080-and-other-port-numbers.html

版本发布:

  • MSW(Mock Service Worker)v3.0.0 —— 这款热门的 API mock 库现在仅支持 ESM,并加入 Vite 插件,支持 GraphQL subscriptions,可拦截页面导航与表单提交。

  • Vinext v1.0 —— Cloudflare 基于 Vite 的 Next.js 重实现现已支持 Pages 与 App Router,并提供现有应用的迁移路径。

  • Mermaid v12.0.0 —— 这款图表工具现在默认在 flowchart、class、state 等图表中使用 ELK 布局引擎;现有图表看上去会不一样,除非显式设置 layout: dagre。同时新增 UML 用例图。

  • pnpm v12.8.0 —— 常规更新。

  • Angular v22.2.0 —— 常规更新。

  • TinyBase v10 —— 常规更新。

  • QUnit v3.0 —— 常规更新。

  • wavesurfer.js v8.0 —— 热门音频波形渲染与播放库;重构以提升效率,并修复了大量 bug。

  • pretty-bytes v7.2 —— 将字节数转换为可读的字符串。

  • postal-mime v4.0 —— 一个可在任意环境运行的邮件解析库。

  • Typia v15.0 —— 把纯 TypeScript 类型转换为运行时校验器。

🙋‍♀️ 关注我们



前往微信阅读全文

内容来自公众号,可前往微信查看原文。

查看作者的更多文章 →订阅更新、RSS 与阅读指南 →