前端食堂技术周刊第 32 期：2022 年 3 月 TC39 会议、Rome Formatter、JS 测试最佳实践

这是前端食堂的第 108 篇原创

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

本期摘要

• 2022 年 3 月 TC39 会议
• Announcing Rome Formatter
• Node 内置 Test Runner
• Firefox UI UX 回忆录
• JavaScript 运算符备忘录
• Vue 3 Tips & Tricks
• JavaScript 测试最佳实践
• HTML & CSS 备忘录
• 1-Line Layouts

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1. 2022 年 3 月 TC39 会议[2]

文章回顾了 3 月份的 TC39 会议，包含了近期 TC39 不同阶段提案的推进情况。

阶段 1: Type Annotations 、Function once

阶段 2: Decorator metadata

阶段 3: RegExp set notation + properties of strings、Change array by copy、Decorators (sans metadata)

1. Announcing Rome Formatter[3]

Rome 在去年开始使用 Rust 完全重写，他们最近推出了 Rome Formatter，是 JS 和 TS 的新的格式化工具。对标 Prettier，会尽可能的兼容 Prettier，它的速度极快，要比 Prettier 快 9-12 倍。

1. Node 内置 Test Runner[4]

测试是软件开发流程中的重要组成部分，Node 团队决定通过添加内置测试运行器，来以轻量级的方式启用大多数测试框架所提供的功能子集，用户可以快速入门，不过该功能还处于早期开发阶段，让我们一起期待吧。

1. Firefox UI UX 回忆录[5]

Firefox 团队更新了他们从 2002 年至今的 UI UX 回忆录。

下面我们来看技术资料。

技术资料

1. JavaScript 运算符备忘录[6]

一个交互式的 JavaScript 运算符备忘录，你可以输入或者点击一个运算符来获取关于它的详细信息。

1. Vue 3 Tips & Tricks[7]

总结了很多 Vue 3 的小技巧和最佳实践。

1. JavaScript 测试最佳实践[8]

包含从基础到进阶的 50 多个关于测试的最佳实践，覆盖前端、后端、CI 等方面，十分全面。

1. HTML & CSS 备忘录[9]

图片形式的备忘录，内容包含 HTML 和 CSS。

1. 1-Line Layouts[10]

10 个现代 CSS 布局的单行代码。

好文推荐

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

1. Node.js 技术架构[11]
2. Webapck5 核心打包原理全流程解析[12]

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

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

周刊一锅端

• 前端早早聊的 18 个成长宝藏库：前端早早鸟，前端早早跑
• MDH 前端周刊：大厂一线 P8，Umi、Dva 等库作者

参考资料

[1]

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

[2]

2022 年 3 月 TC39 会议: https://dev.to/hemanth/updates-from-the-89th-tc39-meeting-5bkf

[3]

Announcing Rome Formatter: https://rome.tools/blog/2022/04/05/rome_formatter_release

[4]

Node 内置 Test Runner: https://fusebit.io/blog/node-testing-comes-to-core/

[5]

Firefox UI UX 回忆录: https://github.com/black7375/Firefox-UI-Fix/wiki/%5BArticle%5D-0.-Firefox-UI-UX-history

[6]

JavaScript 运算符备忘录: https://www.joshwcomeau.com/operator-lookup/

[7]

Vue 3 Tips & Tricks: https://medium.com/js-dojo/vue-3-tips-tricks-d820b04f452f

[8]

JavaScript 测试最佳实践: https://github.com/goldbergyoni/javascript-testing-best-practices

[9]

HTML & CSS 备忘录: https://github.com/AakashRao-dev/CSS-Cheatsheets

[10]

1-Line Layouts: https://1linelayouts.glitch.me/

[11]

Node.js 技术架构: https://juejin.cn/post/7081891057918558221

[12]

Webapck5 核心打包原理全流程解析: https://juejin.cn/post/7031546400034947108