TypeScript 6.0 正式版发布、npm 安全新策略：前端周报

📰 本周重要资讯

1. Google I/O 2026 宣布“Agentic Web”时代到来

Google I/O 2026 开发者大会发布了 15 项重大更新，正式提出“Agentic Web”概念。Chrome DevTools for Agents 1.0 稳定版发布，AI 助手现已集成 Lighthouse 数据，可自动搜索上下文回答开放性问题。LY Corporation 使用该工具构建自动化 AI 性能审计系统，手动分析工作量减少 96-98%。此外，Google 推出 Modern Web Guidance，涵盖 100+ 使用场景，为 AI Agent 提供构建高质量 Web 应用的最佳实践指南。

2. TypeScript 6.0 正式发布，内置 Temporal API 类型支持

TypeScript 6.0 正式版发布，这是基于 JavaScript 代码库的最后一个主要版本，未来将迁移到 Go 重写版本。新版本内置 Temporal API 类型支持，新增 ES2025 lib 选项，支持 RegExp.escape 等新 API。67% 的专业开发者已在使用 TypeScript，GitHub Octoverse 数据显示 TypeScript 已超越 JavaScript 和 Python，成为贡献者数量第一的语言。

3. npm 提议将安装脚本改为默认禁用

GitHub 的 Jamie Magee 提出 RFC，建议 npm 将依赖包的安装脚本（如 postinstall）改为默认禁用，需要时手动启用。npm 是唯一默认运行安装脚本的主流包管理器，这已成为严重的安全隐患。本周又有 300+ 恶意 npm 包被发现，包括 AntV 系列和 timeago.js 等热门包被投毒，node-ipc 也被植入凭证窃取器。

4. npm 11.15.0 推出“分阶段发布”功能

npm 正式发布“分阶段发布”（Staged Publishing）模式，包在正式上线前提供审查期，增强供应链安全。同时 npm 12.0 预发布版也已推出。此外，pnpm 11.2 引入实验性的 Rust 驱动安装引擎，进一步提升性能。

5. Deno 2.8 即将发布，Node.js 兼容性大幅提升

Deno 团队预告 Deno 2.8 将于本周发布，带来巨大的 Node.js 兼容性改进、import defer 支持以及 TypeScript 6.0.3 支持。Deno 创始人承认速度打不过 Bun，但强调 Node.js 兼容性是 Bun 的两倍。

📝 干货推荐文章

6. 《2026 前端性能优化实战：INP 指标 + React Server Components + Rust 化构建工具》

详细讲解 2026 年前端性能优化的最新技术栈，包括 Google Core Web Vitals 的 INP 指标升级、React Server Components 的实战应用，以及 Rust 化构建工具（如 Turbopack、Rspack）如何让首屏加载速度提升 80%。文章从原理到实战，提供完整的性能优化方案。

7. 《如何使用 Depot 在 AWS Lambda 上构建 CI 编排器》

Depot 团队分享如何使用 AWS Lambda 持久函数重建 CI 引擎，实现无需长期服务器的长时间 CI 编排。深入剖析 run-workflow-job 层级结构，展示有状态、回调驱动、崩溃可恢复的架构设计。

8. 《JavaScript ShadowRealm API 简介》

ShadowRealm 是 TC39 提案，允许在单线程环境中创建多个隔离域，每个域拥有独立的全局对象和内置函数，互不干扰但可以通信。非常适合运行第三方代码或需要隔离全局作用域的场景，避免全局污染。

9. 《TanStack 在 npm 攻击后的供应链安全加固措施》

TanStack 团队详细介绍在上周遭受 npm 恶意包攻击后，采取的一系列供应链安全加固措施，包括启用 2FA、审计发布流程、增强 CI/CD 安全等，为开源项目提供安全防护参考。

10. 《Firefox 151 开发者版本说明》

Firefox 151 正式支持桌面端的 Document Picture-in-Picture API， @container CSS 规则现在支持 style() 查询。此外，Firefox 和 Safari 内置了针对特定网站的“修复补丁”，自动修正渲染问题。

11. 《使用 CSS round() 函数实现更好的流式尺寸》

Ahmad Shadeed 详细讲解如何使用 CSS round() 函数创建可预测的流式尺寸。round() 与 clamp() 配合使用，可以实现更清晰、易维护的字体缩放和响应式布局，提供精细的响应式设计控制。

12. 《Chrome 即将支持 CSS Gap Decorations》

Chrome 和 Edge 即将支持 CSS gap decorations，可以轻松为 grid、flexbox 和多列布局的间隙添加样式，无需使用伪元素或边框，大大简化布局装饰代码。

13. 《跨文档视图过渡的陷阱》

深入分析设置原生跨文档视图过渡时需要注意的技术陷阱，包括实现变更和实际应用中的问题，提供克服这些问题的实用步骤。

14. 《600+ 百万人使用从右到左书写：你的应用需要的两个修复》

提醒开发者全球有数亿人使用从右到左（RTL）书写，但许多开发工具将其视为次要功能。文章展示如何通过两个简单的 HTML 属性实现 RTL 支持。

15. 《2026 前端开发新范式：Serverless 架构与 AI 辅助开发》

深入分析 2026 年前端开发的双引擎驱动模式：Serverless 架构（Vercel、Cloudflare Workers、AWS Lambda）消除服务器运维负担，AI 辅助开发工具（Cursor、v0、Figma AI）大幅提升编码效率。两者协同重新定义前端工程师的能力边界。

16. 《Mark Erikson 的 AI Agent 设置、工作流和工具》

Redux 维护者 Mark Erikson 深入分享他的日常开发工作流，包括如何使用 OpenCode（开源 JavaScript 驱动的编码 Agent）、知识库管理、任务管理等，为开发者提供 AI 辅助开发的实战参考。

🔥 本周 GitHub 热榜 Top 5

17. Orval ⭐ 4,200+ TypeScript 从 OpenAPI/Swagger 规范生成类型安全的客户端代码，支持 React、Vue、Svelte、Solid 和 Hono，自动生成 models、requests、hooks 和 mocks.

18. Alien Signals ⭐ 1,800+ TypeScript 号称“最轻量的 Signal 库”，融合 Vue、Preact 和 Svelte 的最佳实践，采用 push-pull 响应式核心，性能优异到被 Vue 官方合并。

19. Fate 1.0 ⭐ 1,200+ TypeScript 前 Jest 负责人、前 Meta 工程师 Christoph Nakazawa 推出的现代 React 数据框架，提供全新的数据管理方案。

20. Chrome DevTools MCP ⭐ 2,500+ TypeScript Chrome DevTools for Agents 的 MCP 服务器实现，让 AI 编码助手（Cursor、Claude、Copilot）能够控制和检查实时 Chrome 浏览器，用于可靠的自动化、深度调试和性能分析。

21. TypeScript 5.x 到 6.0 迁移指南 ⭐ 3,800+ TypeScript 详细的 TypeScript 6.0 迁移指南，涵盖所有破坏性变更、新特性和最佳实践，帮助开发者平滑升级到 TypeScript 6.0。

🛠️ 实用工具推荐

22. Pica 10.0

浏览器端高质量图片缩放工具，利用 WASM 和 Web Workers 或回退到纯 JS。v10 是自 2021 年以来的首次现代化更新，新增 ESM 支持、拆分构建并迁移到 TypeScript。

23. Critical 8.0

Addy Osmani 开发的生产级工具，用于提取并内联首屏关键 CSS 到 HTML 中，优化首屏渲染性能。v8.0 刚刚发布，带来多项改进。

24. Swup

为服务端渲染网站添加流畅页面过渡效果的灵活库，2023 年推出后持续更新，提供多样化的页面切换动画。提供丰富的演示示例。

25. SVG Studio

基于浏览器的 SVG 动画工具，提供图层系统、关键帧时间轴、可动画属性、缓动函数、循环控制、撤销/重做等功能。内置演示文件可供体验。

26. Qite.js

面向“讨厌 React、热爱 HTML”的开发者的前端框架，类似 htmx，采用声明式 HTML，无需构建步骤、无虚拟 DOM，SSR 优先，可与原生 Web API 结合使用。

📚 学习资源

27. NodeBook：Node.js 内部机制高级指南

深入理解 Node.js 内部机制的八章指南，涵盖事件循环内部原理、V8 引擎工作机制、流、模块解析、async/await 等核心主题。

28. TypeORM 1.0 官方文档

流行的 TypeScript 优先 ORM 正式发布 1.0 版本，经过多年 0.3.x 版本后，带来清理和现代化工作、INSERT INTO …… SELECT 支持、跨驱动事务隔离级别、更流畅的 PostgreSQL 枚举迁移。

29. React 19 面试题 100+

由资深工程师和前 FAANG 面试官准备的 100+ React 面试题和答案，2026 年更新版涵盖 React 19 新特性，包括 Actions、Server Components、use hook 和 React Compiler，是面试准备的必备资源。

---

📅 本期周报时间：2026.05.18 - 05.24

📋 信息来源

1. Google I/O 2026 宣布“Agentic Web”时代到来 - https://developer.chrome.com/blog/chrome-at-io26
2. TypeScript 6.0 正式发布，内置 Temporal API 类型支持 - https://www.typescriptlang.org/docs/handbook/release-notes/typescript-6-0.html
3. npm 提议将安装脚本改为默认禁用 - https://javascriptweekly.com/issues/786
4. npm 11.15.0 推出“分阶段发布”功能 - https://nodeweekly.com/issues/625
5. Deno 2.8 即将发布，Node.js 兼容性大幅提升 - https://nodeweekly.com/issues/625
6. 2026 前端性能优化实战：INP 指标 + React Server Components + Rust 化构建工具 - https://blog.csdn.net/myworstexpe/article/details/161197425
7. 如何使用 Depot 在 AWS Lambda 上构建 CI 编排器 - https://javascriptweekly.com/issues/786
8. JavaScript ShadowRealm API 简介 - https://javascriptweekly.com/issues/786
9. TanStack 在 npm 攻击后的供应链安全加固措施 - https://javascriptweekly.com/issues/786
10. Firefox 151 开发者版本说明 - https://frontendfoc.us/issues/742
11. 使用 CSS round() 函数实现更好的流式尺寸 - https://frontendfoc.us/issues/742
12. Chrome 即将支持 CSS Gap Decorations - https://frontendfoc.us/issues/742
13. 跨文档视图过渡的陷阱 - https://frontendfoc.us/issues/742
14. 600+ 百万人使用从右到左书写：你的应用需要的两个修复 - https://frontendfoc.us/issues/742
15. 2026 前端开发新范式：Serverless 架构与 AI 辅助开发 - http://www.zpedu.com/it/rjyf/37130.html
16. Mark Erikson 的 AI Agent 设置、工作流和工具 - https://javascriptweekly.com/issues/786
17. Orval - https://github.com/anymaniax/orval
18. Alien Signals - https://github.com/stackblitz/alien-signals
19. Fate 1.0 - https://github.com/cpojer/fate
20. Chrome DevTools MCP - https://github.com/ChromeDevTools/chrome-devtools-mcp
21. TypeScript 5.x 到 6.0 迁移指南 - https://gist.github.com/privatenumber/3d2e80da28f84ee30b77d53e1693378f
22. Pica 10.0 - https://github.com/nodeca/pica
23. Critical 8.0 - https://github.com/addyosmani/critical
24. Swup - https://swup.js.org/
25. SVG Studio - https://svgstudio.app/
26. Qite.js - https://qitejs.com/
27. NodeBook：Node.js 内部机制高级指南 - https://github.com/ishtms/learn-nodejs-hard-way
28. TypeORM 1.0 官方文档 - https://typeorm.io/
29. React 19 面试题 100+ - https://www.greatfrontend.com/blog/100-react-interview-questions-straight-from-ex-interviewers