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

JavaScript 中文周刊 #251 - 把扫雷塞进 247 字节,JavaScript 也能极限压缩

本期看点:247 字节实现可玩扫雷背后的奇技淫巧;Remix 3 RC 摆脱 React 走向全栈独立框架;pnpm 12 用 Rust 重写但保持兼容;htmx 4.0 首次大版本发布迁移到 Fetch API;Zod 4.5 解析更快、内存占用降低 9 倍;浏览器的新邮件验证 API。

编辑:TimLi

🔥 本周热点

JavaScript 的深度探索:247 字节实现扫雷 —— 一篇对一行的 8×8 可玩扫雷实现做的深入剖析,支持插旗与连锁展开。作者原本 658 字节的版本已经够惊艳,但本文介绍的是再缩小 62% 的秘籍。yui 与 DNEK

长按识别二维码查看原文   

https://yui.dev/blog/minesweeper-in-247-bytes

Remix 3 RC:不再依赖 React 的全栈框架 —— Remix 从原本的 React 框架重写为独立全栈框架的工作已基本完成。本文已做了精彩阐述,而 全新改版的官网 更清晰地解释了 Remix 如何用「单一包」满足现代 Web 应用的所有需求。Brooks Lybrand

长按识别二维码查看原文   

https://remix.run/blog/remix-3-release-candidate

💡 正式版计划于 10 月 2 日发布,当前版本已足够上手开发。

pnpm 12:用 Rust 重写,命令与 lockfile 保持不变 —— Rust 重写版已稳定,v11 的几乎全部命令、参数与 lockfile 格式都直接迁移过来,只有 寥寥几处变动。不过 npm 的 latest tag 仍指向 pnpm 11,需要执行 pnpm self-update next-12 才能升级。Zoltan Kochan

长按识别二维码查看原文   

https://pnpm.io/blog/releases/12.0

快讯:

  • TypeScript 已 合入对「带 import attribute 的 ambient 模块」的支持,现在形如 declare module "*" with { type: "css" } 的声明可以匹配带该属性的 import。
    长按识别二维码查看原文   

    https://github.com/microsoft/TypeScript/pull/63931

  • Dani Sandoval 整理了 本月 Svelte 生态动态,包括 Svelte 5.57 新增的 SvelteMap 方法、SvelteKit 3 抵达 RC,以及 sv CLI 的 ai-tools 插件。
    长按识别二维码查看原文   

    https://svelte.dev/blog/whats-new-in-svelte-september-2026

  • Sarah Rainsberger 同样整理了 本月 Astro 生态动态,其中 Matthew Phillips 接任「Project Steward」,并上线了全新的 Astro Playground
    长按识别二维码查看原文   

    https://astro.build/blog/whats-new-august-2026/

📖 文章与视频

浏览器的新邮件验证 API —— 解读一项 WICG 提案:用浏览器与邮件提供商协同验证服务端下发的 token,从而彻底摆脱「去查收邮件箱」的糟心体验。Chrome 正在进行 origin trial,目前仅支持 Gmail。Phil Nash

长按识别二维码查看原文   

https://resend.com/blog/email-verification-api

Lovable 从 Next.js 迁移到 TanStack Start —— Lovable 如何在反向代理之后并行运行新旧两套栈,并把约 85 万行代码的应用从 Next.js 平稳迁到 TanStack Start,两端还共享同一份代码目录。Alexander Lebedev(Lovable)

长按识别二维码查看原文   

https://lovable.dev/blog/how-we-migrated-lovable-dev-away-from-nextjs

我们在 React、Vue 与 Svelte 中构建数据网格的总结 —— SVAR 用同一套数据网格组件分别交付到 React、Vue 与 Svelte,并表示不管框架如何,对性能影响最关键的那些要素始终如一。Maksim Kozhukh(SVAR)

长按识别二维码查看原文   

https://svar.dev/blog/building-data-grid-in-react-vue-svelte/

📄 并发 Linter 修复方案的问题 —— 一次性应用多条自动修复可能产生坏代码,而「先修再分析」的循环就不会。

长按识别二维码查看原文   

https://jfmengels.net/concurrent-linter-fixes/

📄 对 JavaScript 库做主版本号升级其实是在伤害用户James Healy

长按识别二维码查看原文   

https://yob.id.au/2026/09/01/major-version-bumps.html

🛠 代码与工具

Uppy 6.0:模块化的 JavaScript 文件上传器 —— 支持从本地、Dropbox 或 Google Drive 断点续传,并提供 React、Vue、Svelte 与 Angular 适配包。本版本重点在于做减法:重写了 S3 插件,需要维护的包也更少了。Transloadit

长按识别二维码查看原文   

https://uppy.io/blog/uppy-6.0/

Zod 4.5:解析更快、单个 schema 内存占用减少 9 倍 —— 这款广受欢迎的 TypeScript 优先 schema 校验库带来的重大性能发布。在深度文章中,Colin 详解了 方法记忆化如何把 一个朴素的 z.string() 从占用 7.5 KB 堆内存压缩到仅 784 字节。Colin McDonnell

长按识别二维码查看原文   

https://zod.dev/blog/zod-4-5

htmx 4.0:「反 SPA」库两年来首次大版本发布 —— 这个只用 HTML 属性就能把 HTML 片段换进页面的库,从 XMLHttpRequest 切到了 Fetch API。属性继承现改为默认关闭、事件已标准化并重命名,并新增了 morphing swaps 与 <hx-partial> 特性。还有一份完整的 htmx 4 新特性指南Carson Gross

长按识别二维码查看原文   

https://four.htmx.org/announcements/2026-08-28-htmx-4.0.0-is-released

💡 如果你是 htmx 新手,官网这份 常见用例 pattern 集锦 是极佳的上手教程。

长按识别二维码查看原文   

https://four.htmx.org/patterns


Svelte Bits:面向 Svelte 的动画 UI 组件集 —— 由同一作者把大名鼎鼎的 React 动画组件集 React Bits 移植到了 Svelte。David Haz

长按识别二维码查看原文   

https://sveltebits.xyz/

📢 其他生态

  • 🤖 Addy Osmani 认为 「功夫还得靠实练」:当 AI 代理替你完成任务时,「刻意练习」反而成为构建专业能力不可或缺的一环。
    长按识别二维码查看原文   

    https://addyo.substack.com/p/agentic-skill-decay

  • ∑ 用于书写机器可验证数学证明的语言 Lean,其验证器「本质上就是一个类型检查器」,于是有人用 TypeScript 复现了这一思路
    长按识别二维码查看原文   

    https://lean-lang.org/

  • 🚫 Google 已把 Chrome Web Store 里所有 Manifest V2 扩展全部下架——uBlock Origin 也在其中。
    长按识别二维码查看原文   

    https://webiterate.dev/google-removed-extensions-ublock-origin-108/

  • AWS Lambda 推出了 Node.js 26 运行时的公开预览版
    长按识别二维码查看原文   

    https://aws.amazon.com/blogs/compute/introducing-public-preview-runtimes-on-aws-lambda-starting-with-node-js-26-and-python-3-15/

  • 一份详尽的 现代 HTML 模板应当包含哪些内容 清单。
    长按识别二维码查看原文   

    https://www.matuzo.at/blog/2026/html-boilerplate

版本发布:

  • Rspack v2.2 / Rsbuild v2.2 —— 构建与 HMR 更快、模块 ID 更短、Rsbuild 默认开启 Node.js chunk 拆分。

  • Rslint v0.9 —— 已实现 @typescript-eslint 的全部规则与预设。

  • Cypress v16 —— 启动更快,默认支持 HTTP/2。

  • NestJS v12 —— Node.js 服务端框架大版本更新。

  • Schedule-X v4.7 —— 支持 React、Vue、Angular、Svelte 与 Preact 的大尺寸日程日历控件。

  • Mantine v9.6 —— 广受欢迎的 React 组件套件,新增媒体 lightbox 组件等。

  • Cropper.js v2.2 —— 老牌图片裁剪控件,附带可在线试玩的 playground

  • noble-curves v2.4 —— 经过审计、极简的椭圆曲线密码学 JS 实现。

  • Vue v3.6 RC6 —— Vue 框架最新 RC。

  • Deno v2.9.6 —— Deno 运行时小幅更新。

  • Mocha v12.0 —— Node.js 测试框架大版本更新。

  • Electron v44 —— 上期提过,本次带来官方发布说明。

  • Node.js v26.8.0 (Current) / Node.js v24.20.0 (LTS) —— 当前版与 LTS 版同步更新。

🙋‍♀️ 关注我们



前往微信阅读全文

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

查看作者的更多文章 →