likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 8

美味值：🌟🌟🌟🌟🌟

口味：葡萄气泡饮

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
  • 并发快照
  1. Jest 28

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

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

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

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

  1. Lerna 官宣停止维护

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

  1. UnoCSS 交互式文档上线

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

下面我们来看技术资料。

技术资料

  1. vite-plugin-vue-inspector

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

  1. Defensive CSS

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

  1. Core Web Vitals 指南

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

  1. The Most Popular Node.js Frameworks in 2022

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

好文推荐

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

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

  2. CSS Debugging 指南

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

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

❤️爱心三连击

1.如果你觉得食堂酒菜还合胃口，就点个赞支持下吧，你的赞是我最大的动力。

2.关注公众号前端食堂，吃好每一顿饭！

3.点赞、评论、转发 === 催更！

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