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

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

美味值：🌟🌟🌟🌟🌟

口味：蜜桃气泡水

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

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。本期周刊视频版已在 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

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，在看技术资讯之前给大家分享一个我几乎每天都会使用的 App。

极客时间

熟悉欧巴的堂友们都知道，欧巴是极客时间的忠实用户，买了很多课程，下图是我的购买记录。

知识付费是科学的行为，而且极客时间这个平台请了很多业内的大佬，如：耗子叔、七牛云 CEO 许式伟、前阿里 P9 李运华、数据库大牛丁奇，还有前阿里 P10 郭东白、汤峥嵘这种级别的讲师。

他们分享了很多从业多年的经验，出品了覆盖各个领域的精品课程，你可以从课程中学到大佬们多年沉淀的知识精华。连点成线，搭建起相关的知识体系，不需要花费大量的精力进行一次次低效的探索。

听说极客时间推出了超级会员，首月开通仅需 6 元。一顿早餐钱，就能体验畅学 200 多门课，所以真心推荐给堂友们。超级会员涵盖内容如下，比单独买课划算太多了。

毕竟，一顿饭钱，就能掌握百位 CTO 级别大佬的进阶秘籍。一年后的你，一定会感谢自己今天的投资。

更多内容堂友们可以扫下方二维码查看。

扫码开通月卡，速度上车，学到就是赚到。

技术资讯

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]

其他信息

• 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/

公众号：前端食堂

知乎：童欧巴

掘金：童欧巴

这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的“变胖”～

“

如果你觉得读了本文有收获的话可以点个在看让我看到。阅读过程中有任何问题、想法或者感触也欢迎你在下方留言，也可以在后台回复加群进入食堂的交流群。

沟通创造价值，分享带来快乐。也欢迎你分享给身边有需要的同学，利他就是最好的利己。

”

食堂贵宾厅 & 食堂读书包房

想加交流群的堂友们，可以通过下方扫码加我微信，备注【堂友】即可。