「第35期」前端技术周刊:美食与代码的完美结合

发表时间: 2022-05-01 13:22

美味值:

口味:葡萄气泡饮

  • 食堂技术周刊仓库地址: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
  • 并发快照
  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,可以通过下面这篇文章了解。

  • 重新构想原子化 CSS

下面我们来看技术资料。

技术资料

  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 指南

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

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