阅读,与值得关注的内容Readance

JavaScript 中文周刊 #252 - Turbopack 如何切分你的 JavaScript 代码

本期看点:Next.js 团队详解 Turbopack 代码切分策略;Vitest 5.0 聚焦速度与调试;Safari 27 终于完整支持顶层 await;Dropzone.js 6.x 五年磨一剑大版本归来;Rslib 1.0 解决库发布难题;VS Code纪录片。

编辑:TimLi

🔥 本周热点

Turbopack 如何切分你的 JavaScript 代码 — 从 Network 标签页开始讲起,本文深度剖析了 chunking 策略以及打包工具在「请求数更少」与「代码量更小」之间的取舍(8 个 chunk 居然比 355 个还重)。所有结论都有数据支撑,数据来自打包 Next.js 官方站点本身。Sam Poder

长按识别二维码查看原文   

https://nextjs.org/blog/turbopack-chunking

Vitest 5.0:聚焦速度与测试调试 — 这款 Vite 原生测试运行器的主版本更新:基准测试仓库显示,在依赖繁重的应用上运行速度最高提升 53%。全新的 Trace View 能逐步回放 Browser Mode 测试;vitest doctor 则会推荐一些配置以让你的测试套件跑得更快。Vitest Team

长按识别二维码查看原文   

https://vitest.dev/blog/vitest-5

Safari 如何修复顶层 await — Safari 的模块加载器原本建立在一个已被废弃的规范提案之上,添加顶层 await 导致了多年的"无法在初始化前访问"错误。Safari 27 终于完全符合规范,但这是从零开始重写的结果,这篇文章解释了其中的复杂性。Kai Tamkun(WebKit)

长按识别二维码查看原文   

https://webkit.org/blog/18227/fixing-top-level-await-in-safari/

快讯:

  • 🎂 jQuery 1.0 已经 20 岁了。InfoQ 回顾了 $() 如何帮助我们躲过浏览器大战,以及为什么许多网站仍在使用它。再往前十年,微软以 JScript 之名在 Internet Explorer 中引入 JavaScript,以规避商标问题。

    长按识别二维码查看原文   

    https://www.infoq.com/news/2026/09/jquery-20-years/

  • 两人因 TeamPCP 的 npm 供应链攻击而被 逮捕。TeamPCP 被怀疑克隆了 Shai-Hulud 蠕虫,从而导致了 "Mini Shai-Hulud" 攻击波

    长按识别二维码查看原文   

    https://www.aikido.dev/blog/teampcp-arrested-supply-chain

  • VoidZero 最新动态 庆祝 Vitest 周下载量突破 1 亿,React Compiler 支持进入 Vite,并带来了 Rolldown、Vite+ 与 ViteConf(将于今年 10 月 15 日在线举办)的最新进展。

    长按识别二维码查看原文   

    https://voidzero.dev/posts/whats-new-aug-2026


📖 文章与视频

▶ VS Code 的故事 — 一部官方出品的电影级纪录片,讲述 Visual Studio Code 从瑞士内部实验项目到如今的发展历程。创始工程师们讨论了在 Electron、LSP 与扩展 API 等方面所做的决策,并坦率地谈到了当下涌现的各类 fork。

长按识别二维码查看原文   

https://www.youtube.com/watch?v=kHL3XzjpT5w

😅 我们还了解到,2015 年发布时,他们每拿到 100 个 Hacker News 点赞就喝一杯啤酒……最后在 1,400(点赞,不是啤酒!)停了下来。

Half Past Fetch:await fetch() 究竟在等什么 — 你知道吗,await fetch(url) 其实是在等响应头而不是完整的响应体?Gabor 深入挖掘了这一点对连接、clone()、中止与超时等带来的若干反直觉后果。Gábor Koós

长按识别二维码查看原文   

https://blog.gaborkoos.com/posts/2026-09-08-Half-Past-Fetch/

前端项目的 10 个反"AI 灌水"招式 — 一份自动化检查清单,可大幅减少你必须 review 的代码量,涵盖 OpenAPI 代码生成、分层边界、变异测试,以及如何借助 CI 让这一切贯彻下去。Yuri Mikhin(Evil Martians)

长按识别二维码查看原文   

https://evilmartians.com/chronicles/ten-anti-ai-slop-moves-for-frontend-projects-going-faster-than-humans-can-review

浏览器的主线程非常昂贵 — 通过 demo 全方位介绍如何合理利用主线程时间,包括拆分、批处理、优先级排序、延迟任务,乃至彻底把工作从主线程剥离出去。Lee Sun-Hyoup

长按识别二维码查看原文   

https://kciter.so/posts/the-expensive-main-thread/en/

📄 为什么我把 Moonshine 移植到了 JavaScript — Pete 的低延迟语音转文字运行时现已在浏览器内运行,避免了与服务端的来回通信。Pete Warden

长按识别二维码查看原文   

https://petewarden.com/2026/08/15/why-i-ported-moonshine-to-javascript/

📺 一个人究竟如何真正改变 JavaScript? — 一位 TC39 代表带来的 2 分钟科普。Mikhail Barash

长按识别二维码查看原文   

https://www.youtube.com/watch?v=OkuNJo9tTtg

🛠 代码与工具

Dropzone.js 6.x:拖放上传王者归来 — 这款处理浏览器端拖放上传的库迎来了重大更新。经过长达 5 年的 beta 之后,v6.0、v6.1 与 v6.2 在两天内接连发布,带来零依赖、更小的打包体积,并修复了分块上传可能损坏文件的问题。Mat Simon

长按识别二维码查看原文   

https://www.dropzone.dev/

Rslib 1.0:发布 JavaScript 库的构建工具 — 来自 Rspack 团队,一条统一的构建流水线,专门解决发布包过程中的那些烦人事:让 ESM 与 CJS 并存、模块联邦输出,以及跨 React、Vue、Svelte、Solid 的组件 CSS。Chenwei Dai、Elecmonkey 等

长按识别二维码查看原文   

https://rslib.rs/blog/v1-0


vgpu:在浏览器或 Node.js 中渲染 WebGPU 着色器 — 让你可以在浏览器中使用同一份着色器,也可以在 Node 中无头渲染(输出为高分辨率 PNG 或 MP4 视频)。WGSL 模块的导入与导出语法与 TypeScript 相似。Vercel

长按识别二维码查看原文   

https://vgpu.sh/

SimpleWebAuthn 14.0:支持后量子 Passkey — 这款 Passkey 库现已支持验证后量子 ML-DSA Passkey,并在 Node 24.7 及以上版本上,注册时默认优先选用 ML-DSA-44。Matthew Miller

长按识别二维码查看原文   

https://github.com/MasterKale/SimpleWebAuthn/releases/tag/v14.0.0


📢 其他生态

  • ✨ GitHub 推出了 新的隐私安全 star history API,从今往后绘制仓库增长曲线不再需要爬虫或近似估算。Star-History 进一步分享了 相关背景,你可以用它来绘制项目的 star 数变化(上图即是一个 示例)。

    长按识别二维码查看原文   

    https://github.blog/changelog/2026-09-04-new-api-endpoint-provides-privacy-safe-star-history-data/

  • Robin Wieruch 认为,由于智能体编码(agentic coding)的兴起,用更底层的原语而非高层库来构建 更加合理,并拿 D3 与 Recharts 做了对比。

    长按识别二维码查看原文   

    https://www.robinwieruch.de/agentic-coding-bet-on-primitives/

  • 你不必在 viewport meta 标签中加 initial-scale=1.0,Declan Chidlow 如是说,因为这只是为了绕过老版本 iOS 的怪癖。

    长按识别二维码查看原文   

    https://vale.rocks/micros/20260902-1350

  • 有浏览器兼容性的痛点?把它作为 Interop 2027 的提案提交吧(截止 9 月 23 日)。

    长按识别二维码查看原文   

    https://webkit.org/blog/18283/submit-your-ideas-for-interop-2027/

  • 👕 顺便发现,你可以 购买官方 Vue.js 周边

    长按识别二维码查看原文   

    https://commitgoods.com/collections/vue-js


版本发布:

  • deck.gl v9.4 —— 这款 GPU 驱动的数据可视化库扩展了其实验性 WebGPU 支持,预计将是 v9 系列的最终版本。

  • Bun v1.4.1 / Bun v1.4.2 —— 闲置内存占用大幅下降,bun build 产物更小,Bun.serve 同一端口支持 HTTP/1.1 与 HTTP/2 等。

  • NVM for Windows v2.0 —— Node.js 的 Windows 版本管理器。v2 已不再需要管理员权限。

  • Astro v7.3 / ESLint v10.10.0 / Storybook v10.6 / Vuetify v4.2 —— 各种常规更新。

  • ESLint Config Inspector v3.4 —— 新增耗时分析,更容易识别拖慢 lint 速度的规则。

  • GPUIX v0.7 —— 基于 Zed 所使用的框架,用 React 与 TypeScript 构建原生 GPU 加速的桌面应用。

  • memlab v2.0.5 —— Meta 推出的框架,用于发现浏览器端与 Node.js JavaScript 应用中的内存泄漏。

  • Astro LilyPond —— 在 Astro 构建时将文本渲染为乐谱。

  • vue-echarts v8.3 —— Apache ECharts 的 Vue.js 组件。

🙋‍♀️ 关注我们



前往微信阅读全文

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

查看作者的更多文章 →