前端食堂技术周刊第 35 期：Vitest 、Jest 28、Ant Design v4.20.0、Lerna 官宣停止维护

这是前端食堂的第 111 篇原创

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]

本期周刊视频版已在 B 站【前端食堂】同步发送，想看视频的堂友可以先去看视频

本期摘要

• Vitest v0.10.0
• Jest 28
• Ant Design v4.20.0
• Chrome 101
• Lerna 官宣停止维护
• UnoCSS 交互式文档上线
• vite-plugin-vue-inspector
• Defensive CSS
• Core Web Vitals 指南
• The Most Popular Node.js Frameworks in 2022

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1. Vitest v0.10.0[2]

Vitest 发布了 v0.10.0，主要更新如下：

• 声明测试的回调函数方式弃用，推荐使用 Promise 或者 async/await
• beforeAll/beforeEach 支持传入清理函数作为返回值
• 扩展上下文 context
• 并发快照

1. Jest 28[3]

Jest 28 发布，主要更新如下：

• 安装尺寸较少了大约 1/3
• 测试运行分片，可以在不同机器上运行部分测试
• 全面支持 package.json exports
• fakeTimers 可配置并公开运行时 API
• GitHub Actions Reporter
• All Node.js globals 支持
• ESM、TS 等相关功能增强
• jest-light-runner

1. Ant Design v4.20.0[4]

Ant Design 发布了 v4.20.0，主要更新如下：

• 支持 React 18 以及严格模式
• 新增 Segmented 分段控制器组件
• 其他组件的一些 Bug Fix 和 Feature 增强

1. Chrome 101

Chrome 101 正式发布了 Priority Hints，用于指定页面资源加载的优先级，浏览器可以根据优先级优化加载顺序，从而优化体验。

1. Lerna 官宣停止维护[5]

Lerna 更新了他们项目的 README，正式宣布停止维护。

1. UnoCSS 交互式文档上线[6]

如果你还不知道 UnoCSS，可以通过下面这篇文章了解。

• 重新构想原子化 CSS[7]

下面我们来看技术资料。

技术资料

1. vite-plugin-vue-inspector[8]

一个 Vite 插件，提供当你点击浏览器元素时自动跳转到本地 IDE 的能力。它支持 Vue2、Vue3、SSR。

1. Defensive CSS[9]

防御性 CSS 编程指南，文中给出了大量代码片段，来让你写出更加健壮的 CSS 代码。

1. Core Web Vitals 指南[10]

Web Vitals[11] 是 Google 于 2020 年引入的用来衡量用户体验的 Web 性能指标，并于 2021 年 5 月正式成为 Google 搜索算法中的排名因素，包括 LCP、FID 以及 CLS，本文给出了改进 Web Vitals 并增强用户体验的最佳实践。

1. The Most Popular Node.js Frameworks in 2022[12]

随着越来越多的元框架出现，Node.js 框架的格局发生了巨大的变化，文章探讨了当前的趋势并列举了流行的框架。

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1. 浅谈文档的实时协同编辑
2. CSS Debugging 指南[13]

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭。我们下期见。

周刊一锅端

如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～

• 前端早早聊的 18 个成长宝藏库：前端早早鸟，前端早早跑
• MDH 前端周刊：大厂一线 P8，Umi、Dva 等库作者
• DEX 周刊[14]：关于产品、设计、前端、软件等内容的精华资讯邮件列表

参考资料

[1]

食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly

[2]

Vitest v0.10.0: https://github.com/vitest-dev/vitest/releases/tag/v0.10.0

[3]

Jest 28: https://jestjs.io/blog/2022/04/25/jest-28

[4]

Ant Design v4.20.0: https://github.com/ant-design/ant-design/releases/tag/4.20.0

[5]

Lerna 官宣停止维护: https://github.com/lerna/lerna

[6]

UnoCSS 交互式文档上线: https://uno.antfu.me/?s=

[7]

重新构想原子化 CSS: https://antfu.me/posts/reimagine-atomic-css-zh

[8]

vite-plugin-vue-inspector: https://github.com/webfansplz/vite-plugin-vue-inspector

[9]

Defensive CSS: https://ishadeed.com/article/defensive-css/

[10]

Core Web Vitals 指南: https://raygun.com/learn/the-developers-guide-to-core-web-vitals

[11]

Web Vitals: https://web.dev/vitals/

[12]

The Most Popular Node.js Frameworks in 2022: https://stackdiary.com/node-js-frameworks/

[13]

CSS Debugging 指南: https://www.smashingmagazine.com/2021/10/guide-debugging-css/

[14]

DEX 周刊: https://newsletter.dex.group/