栗子前端技术周刊第 121 期 - Vitest 4.1、Nuxt 4.4、Next.js 16.2...

0 阅读2分钟

🌰栗子前端技术周刊第 121 期 (2026.03.16 - 2026.03.22):浏览前端一周最新消息,学习国内外优秀文章,让我们保持对前端的好奇心。

📰 技术资讯

  1. Vitest 4.1:Vitest 4.1 发布,内部包括:已支持 Vite 8、新增 Test Tags(测试标签),可给测试用例打标签分组、推出实验性原生 Node.js 运行模式,优化服务端测试的启动速度和生产一致性等。

  2. Nuxt 4.4:这款全栈 Vue 框架集成了路由(现已基于 Vue Router v5 驱动)、服务端渲染与数据获取功能,此次更新还新增了自定义 useFetch/useAsyncData 工厂函数、带类型校验的布局属性、构建性能分析等多项特性。

  3. Next.js 16.2:Next.js 16.2 已正式发布,实现了更快的 next dev 启动速度、更快的渲染性能、Turbopack 相关的重大优化,同时还带来了一些助力 AI 辅助开发的实用功能。

  4. VS Code 1.111:VS Code 1.111 已正式发布。值得关注的是,这是 VS Code 采用全新每周稳定版发布节奏后的首个版本。

📒 技术文章

  1. Source Maps: Shipping Features Through Standards:源映射:通过标准推动功能演进 - 源码映射(Source Maps)是一类 JSON 文件,能够为调试器及同类工具提供压缩 / 转换后代码与原始代码库之间的映射关系。作者将带我们深入了解这一功能,并揭秘该特性逐步成为标准(ECMA-426)的幕后历程。

  2. An Empirical Study of Frontend Memory Leaks:前端内存泄漏实证研究 —— 通过对五百个 React、Vue 和 Angular 应用进行分析,揭示了导致内存泄漏的常见模式。其中,定时器未清理和事件监听未移除是造成问题的主要原因。

  3. 前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案:作者在文中系统讲清楚三件事:为什么 SPA 发版后,旧页面容易出问题、这类白屏问题的根因到底是什么、如何从前端运行时、缓存策略和部署方式三个层面,设计一套完整的解决方案。

🔧 开发工具

1 Extension.js 3.9:一款零配置、用于开发高性能统一跨浏览器扩展程序的框架。 image-20260322151436972

  1. React Hotkeys 3.0:用于监听按键事件并定义和分发键盘快捷键的组件。
image-20260322151954950
  1. react-notion-x:快速且准确的 Notion 渲染器,内置TypeScript支持。
image-20260322151936884

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端