美味值：🌟🌟🌟🌟🌟

口味：葡萄气泡饮

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

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。

本期摘要

• 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
   

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

• 声明测试的回调函数方式弃用，推荐使用 Promise 或者 async/await

• beforeAll/beforeEach 支持传入清理函数作为返回值

• 扩展上下文 context

• 并发快照

2. Jest 28
   

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

• 安装尺寸较少了大约 1/3

• 测试运行分片，可以在不同机器上运行部分测试

• 全面支持 package.json exports

• fakeTimers 可配置并公开运行时 API

• GitHub Actions Reporter

• All Node.js globals 支持

• ESM、TS 等相关功能增强

• jest-light-runner

3. Ant Design v4.20.0
   

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

• 支持 React 18 以及严格模式

• 新增 Segmented 分段控制器组件

• 其他组件的一些 Bug Fix 和 Feature 增强

4. Chrome 101
   

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

5. Lerna 官宣停止维护
   

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

6. UnoCSS 交互式文档上线
   

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

• 重新构想原子化 CSS
  

下面我们来看技术资料。

技术资料

1. vite-plugin-vue-inspector
   

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

2. Defensive CSS
   

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

3. Core Web Vitals 指南
   

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

4. The Most Popular Node.js Frameworks in 2022
   

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

好文推荐

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

1. 浅谈文档的实时协同编辑
   

2. CSS Debugging 指南
   

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

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