前端食堂技术周刊第 37 期：Google I/O 2022、TS 4.7 RC、WinterCG 社区组成立、Lerna 复活

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

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

本期周刊视频版已在 B 站【前端食堂】同步发送，如果有喜欢看视频的堂友可以移步 B 站[2] 进行观看。

本期摘要

• Google I/O 2022 Web 平台新动态
• TypeScript 4.7 RC
• WinterCG 社区组成立
• Lerna 复活，Nrwl 将接管 Lerna
• GitHub 使用 2FA 保护开发者帐户
• DOM 事件可视化器
• GitHub 项目精选
• Web Design History Timeline
• State of CSS 2022

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊

技术资讯

1. Google I/O 2022 Web 平台新动态[3]

一年一度的 Google I/O 来了，Web 平台的新动态有很多，包括如隐私和安全、CSS、JS、性能等等，就不一一列举了，还没看的堂友可以通过上面链接的回放看下，主持人也很幽默，节目非常精彩。

“大约在 24 年前，Google 由两名研究生创立，当时 Google 拥有一个产品，以及一个远大的使命：整合全球信息，供大众使用，使人人受益。在那之后的几十年里，我们一直在推进我们的技术来实现这一使命。- Sundar ”

1. TypeScript 4.7 RC[4]

TypeScript 4.7 RC 候选版本发布，自 Beta 版以来的主要改动如下：

• 由于 Node.js 12 不再维护，module 构建目标改为 node16；
• 在 #private 私有字段上支持 typeof 还存在兼容性问题，不会出现在 4.7 的正式版中；
• Breaking Changes 中取消了在 strictNullChecks 中类型参数约束等规则。

1. WinterCG 社区组成立[5]

就像 justjavac(迷渡) 老师所说的一样：“这个社区早该成立了！这样可以让云计算或者边缘计算的平台提供和 Web 一致的 API，而不是各自开发自己的 API。对于社区开发者来说，不再需要额外学习一套 API，写一套代码就可以部署到不同平台。”

1. Lerna 复活，Nrwl 将接管 Lerna[6]

Lerna 复活了，他将接力棒传给了 Nrwl。Nrwl 是同样作为 Monorepo 管理工具 Nx[7] 背后的公司。

1. GitHub 使用 2FA 保护开发者帐户[8]

经过前一阶段里不断发生的供应链攻击，分析原因后，为了能从源头治理，GitHub 宣布将于 2023 年底前，强制要求在 GitHub.com 贡献代码的用户启用一种或多种形式的双因素身份验证(2FA)。

下面我们来看技术资料。

技术资料

1. DOM 事件可视化器[9]

这个工具可以帮助你掌握 DOM 的事件系统，你可以将不同类型的事件监听器添加到元素上，然后观察它们的工作方式，可以验证下你是不是完全掌握了。

1. GitHub 项目精选[10]

这篇博文中作者收集了很多 GitHub 上好玩的项目，工作累了来冲浪一下吧。

1. Web Design History Timeline[11]

这个网站很用心，记录了从 1990 年至今，网页设计史上的里程碑事件、网页设计趋势、以及网页设计演变等，为后人提供了很好的历史参考和素材。

1. State of CSS 2022[12]

这篇文章是 Google I/O 2022 上关于 CSS 状态演讲的文章形式，一大波好用的特性正在抵达战场。

好文推荐

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

1. Partytown 如何从第三方脚本中给网页“减肥”[13]
2. 【访谈实录】对话 Lee Robinson ：聊聊前端的未来 & Vercel

其他信息

• What's New In DevTools (Chrome 102)[14]
• StackBlitz April 2022 Update[15]
• solid v1.4.0 - Level Up![16]
• Vite Switch Jest to Vitest[17]
• What’s New in RxJS 7[18]
• Meta Open Source 正在将 Jest 转移到 OpenJS 基金会[19]
• Vercel 支持 pnpm v7[20]

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

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

周刊一锅端

如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～

• 前端早早聊的 18 个成长宝藏库：前端早早鸟，前端早早跑
• MDH 前端周刊：大厂一线 P8，Umi、Dva 等库作者
• DEX 周刊[21]：关于产品、设计、前端、软件等内容的精华资讯邮件列表

参考资料

[1]

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

[2]

B 站: https://space.bilibili.com/161753278

[3]

Google I/O 2022 Web 平台新动态: https://io.google/2022/program/3c60e411-5340-4c54-a037-3aceb2825b16/intl/zh/

[4]

TypeScript 4.7 RC: https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-rc/

[5]

WinterCG 社区组成立: https://blog.cloudflare.com/introducing-the-wintercg/

[6]

Lerna 复活，Nrwl 将接管 Lerna: https://github.com/lerna/lerna/issues/3121

[7]

Nx: https://nx.dev/

[8]

GitHub 使用 2FA 保护开发者帐户: https://github.blog/2022-05-04-software-security-starts-with-the-developer-securing-developer-accounts-with-2fa/

[9]

DOM 事件可视化器: https://domevents.dev/

[10]

GitHub 项目精选: https://tommymerlin.gitee.io/%E6%B1%87%E6%80%BB/GitHub%E9%A1%B9%E7%9B%AE%E7%B2%BE%E9%80%89/

[11]

Web Design History Timeline: https://www.webdesignmuseum.org/web-design-history

[12]

State of CSS 2022: https://web.dev/state-of-css-2022/

[13]

Partytown 如何从第三方脚本中给网页“减肥”: https://www.smashingmagazine.com/2022/04/partytown-eliminates-website-bloat-third-party-apps/

[14]

What's New In DevTools (Chrome 102): https://developer.chrome.com/blog/new-in-devtools-102/

[15]

StackBlitz April 2022 Update: https://blog.stackblitz.com/posts/update-2022-04/

[16]

solid v1.4.0 - Level Up!: https://github.com/solidjs/solid/releases/tag/v1.4.0

[17]

Vite Switch Jest to Vitest: https://github.com/vitejs/vite/pull/8076

[18]

What’s New in RxJS 7: https://medium.com/volosoft/whats-new-in-rxjs-7-a11cc564c6c0

[19]

Meta Open Source 正在将 Jest 转移到 OpenJS 基金会: https://engineering.fb.com/2022/05/11/open-source/jest-openjs-foundation/

[20]

Vercel 支持 pnpm v7: https://vercel.com/changelog/automatic-pnpm-v7-support

[21]

DEX 周刊: https://newsletter.dex.group/