栗子前端技术周刊第 121 期 - Vitest 4.1、Nuxt 4.4、Next.js 16.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 :一款零配置、用于开发高性能统一跨浏览器扩展程序的框架。

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

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

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

相关推荐
陈随易38 分钟前
Postman 被曝自动往 Claude Code 和 Codex 装插件
前端·后端·程序员
Dream-Y.ocean3 小时前
鸿蒙PC平台宅匠 3D 室内设计适配实战:基于 Electron 壳方案的 Three.js 双渲染引擎与参数化户型编辑器开发
javascript·3d·harmonyos
Csvn4 小时前
性能监控
前端
Highcharts.js4 小时前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
Csvn4 小时前
构建工具
前端
FRing035 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
kyriewen7 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒7 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫8 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库
jerrywus8 小时前
我用 GPT-6.1-sol 做了台会讲解的 3D 售货机:60 罐饮料,一口没喝上
前端·agent·claude