前端食堂技术周刊第 35 期：Vitest 、Jest 28、Ant Design v4.20.0、Lerna 官宣停止维护
这是前端食堂的第 111 篇原创
美味值：🌟🌟🌟🌟🌟
口味：葡萄气泡饮
食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]
PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。本期周刊视频版已在 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
大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
Vitest v0.10.0[2]
Vitest 发布了 v0.10.0，主要更新如下：
声明测试的回调函数方式弃用，推荐使用 Promise 或者 async/await beforeAll/beforeEach 支持传入清理函数作为返回值 扩展上下文 context 并发快照
Jest 28[3]
Jest 28 发布，主要更新如下：
安装尺寸较少了大约 1/3 测试运行分片，可以在不同机器上运行部分测试 全面支持 package.json exports fakeTimers 可配置并公开运行时 API GitHub Actions Reporter All Node.js globals 支持 ESM、TS 等相关功能增强 jest-light-runner
Ant Design v4.20.0[4]
Ant Design 发布了 v4.20.0，主要更新如下：
支持 React 18 以及严格模式 新增 Segmented 分段控制器组件 其他组件的一些 Bug Fix 和 Feature 增强
Chrome 101 正式发布了 Priority Hints，用于指定页面资源加载的优先级，浏览器可以根据优先级优化加载顺序，从而优化体验。
Lerna 官宣停止维护[5]
Lerna 更新了他们项目的 README，正式宣布停止维护。
UnoCSS 交互式文档上线[6]
如果你还不知道 UnoCSS，可以通过下面这篇文章了解。
重新构想原子化 CSS[7]
下面我们来看技术资料。
技术资料
vite-plugin-vue-inspector[8]
一个 Vite 插件，提供当你点击浏览器元素时自动跳转到本地 IDE 的能力。它支持 Vue2、Vue3、SSR。
Defensive CSS[9]
防御性 CSS 编程指南，文中给出了大量代码片段，来让你写出更加健壮的 CSS 代码。
Core Web Vitals 指南[10]
Web Vitals[11] 是 Google 于 2020 年引入的用来衡量用户体验的 Web 性能指标，并于 2021 年 5 月正式成为 Google 搜索算法中的排名因素，包括 LCP、FID 以及 CLS，本文给出了改进 Web Vitals 并增强用户体验的最佳实践。
The Most Popular Node.js Frameworks in 2022[12]
随着越来越多的元框架出现，Node.js 框架的格局发生了巨大的变化，文章探讨了当前的趋势并列举了流行的框架。
好文推荐
下面来看一下好文推荐，本周推荐的好文是：
CSS Debugging 指南[13]
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭。我们下期见。
周刊一锅端
如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～
前端早早聊的 18 个成长宝藏库：前端早早鸟，前端早早跑
MDH 前端周刊：大厂一线 P8，Umi、Dva 等库作者
DEX 周刊[14]：关于产品、设计、前端、软件等内容的精华资讯邮件列表
参考资料
食堂技术周刊仓库地址：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/
公众号：前端食堂
知乎：童欧巴
掘金：童欧巴
这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的“变胖”～
“如果你觉得读了本文有收获的话可以点个在看让我看到。阅读过程中有任何问题、想法或者感触也欢迎你在下方留言，也可以在后台回复加群进入食堂的交流群。
沟通创造价值，分享带来快乐。也欢迎你分享给身边有需要的同学，利他就是最好的利己。
”
食堂贵宾厅 & 食堂读书包房
想加交流群的堂友们，可以通过下方扫码加我微信，备注【堂友】即可。