美味值:
口味:葡萄气泡饮
- 食堂技术周刊仓库地址: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
大家好,我是童欧巴。欢迎来到本期的前端食堂技术周刊,我们先来看下上周的技术资讯。
技术资讯
- Vitest v0.10.0
Vitest 发布了 v0.10.0,主要更新如下:
- 声明测试的回调函数方式弃用,推荐使用 Promise 或者 async/await
- beforeAll/beforeEach 支持传入清理函数作为返回值
- 扩展上下文 context
- 并发快照
- Jest 28
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
Ant Design 发布了 v4.20.0,主要更新如下:
- 支持 React 18 以及严格模式
- 新增 Segmented 分段控制器组件
- 其他组件的一些 Bug Fix 和 Feature 增强
- Chrome 101
Chrome 101 正式发布了 Priority Hints,用于指定页面资源加载的优先级,浏览器可以根据优先级优化加载顺序,从而优化体验。
- Lerna 官宣停止维护
Lerna 更新了他们项目的 README,正式宣布停止维护。
- UnoCSS 交互式文档上线
如果你还不知道 UnoCSS,可以通过下面这篇文章了解。
下面我们来看技术资料。
技术资料
- vite-plugin-vue-inspector
一个 Vite 插件,提供当你点击浏览器元素时自动跳转到本地 IDE 的能力。它支持 Vue2、Vue3、SSR。
- Defensive CSS
防御性 CSS 编程指南,文中给出了大量代码片段,来让你写出更加健壮的 CSS 代码。
- Core Web Vitals 指南
Web Vitals 是 Google 于 2020 年引入的用来衡量用户体验的 Web 性能指标,并于 2021 年 5 月正式成为 Google 搜索算法中的排名因素,包括 LCP、FID 以及 CLS,本文给出了改进 Web Vitals 并增强用户体验的最佳实践。
- The Most Popular Node.js Frameworks in 2022
随着越来越多的元框架出现,Node.js 框架的格局发生了巨大的变化,文章探讨了当前的趋势并列举了流行的框架。
好文推荐
下面来看一下好文推荐,本周推荐的好文是:
- 浅谈文档的实时协同编辑
- CSS Debugging 指南
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
你的前端食堂,吃好每一顿饭。我们下期见。