前端周刊 | 2022 Google I/O 开发者大会全汇总; TypeScript 4.7 RC 发布

新的一周，快来看看上周发生了哪些新鲜事吧！

科技趣闻

1. 2022 Google I/O 全球开发者大会全汇总

5月11-12日，谷歌今年将在海岸线圆形剧场举办2022 Google I/O 全球开发者大会，该活动将是虚拟的，并为所有人免费在线放映。下面来看看这次大会Google带来了哪些惊喜吧！

（1）软件更新

本次 Google I/O 2022 进行的软件更新下：

• Android 13 Beta 2 发布；
• Flutter 3 发布，支持 macOS 和 Linux；
• 谷歌翻译：新增 24 种语言；
• 谷歌搜索：新增多搜索和场景搜索功能；
• Google Wallet：谷歌钱包为数字身份时代而开发；
• Google Maps：新增沉浸式视图功能；
• Google Chat：新增照明选项；
• 推出虚拟卡：实现更安全的在线购物；
• 个性化广告：可减少观看某类广告；
• Matter：助力更多智能家居互联；
• Jetpack：目前 Android Jetpack 已经包含了 100 多个库、工具和指南；
• Jetpack Compose：目前 Play 商店中排名前 1000 的应用程序中有 100 多个正在使用 Compose；
• Dart 提升生产力、实验性支持 RISC-V 处理器；
• Android Studio 将引入 Live Edit 模式

（2）硬件新品

本次 Google I/O 2022 发布的硬件产品如下：

• 谷歌 AR 眼镜，可进行实时翻译；
• Google Pixel 6a，一款主打性价比的 Pixel 6 手机；
• Google Pixel Buds Pro，一款对标 AirPods Pro 的主动降噪真无线耳机；
• Google Pixel 7 系列，搭载下一代 Google Tensor 芯片的新一代旗舰手机，秋季正式发布；
• Google Pixel Watch，搭载定制版 Android Wear OS，并内置谷歌服务的手表，秋季正式发布。
• Google Pixel Tablet，基于 Android 的平板电脑：定位为“Pixel 的完美伴侣”，一款将在2023 年发布的超长周期期货产品，或许未来会搭配智能家居用底座一道上市。

（3）CSS 状态

2022年将成为 CSS 最伟大的一年。无论是在功能还是合作浏览器的功能发布方面，合作目标是实现 14 个功能。下面是这些 CSS 功能的概览：

详情：2022年 CSS 的发展如何？

2. Meta 将 Jest 转移到 OpenJS 基金会

Meta Open Source 正式将其开源 JavaScript 测试框架Jest转移到OpenJS 基金会。 Jest 每周下载量超过 1700 万次，GitHub 星数超过 38,000，是 JavaScript 生态系统中使用最多的测试框架。 Facebook，在 10 多年前创建了现在流行的 Jest 测试框架，虽然它将在内部继续使用，但他们现在认为它“功能完整”，因此认为它可能会蓬勃发展在更广泛的社区中得到更好的管理。 详情：engineering.fb.com/2022/05/11/…

3. Web 互操作性 JavaScript 运行时社区小组成立

Cloudflare 与 Vercel、Shopify 以及 Node.js 和 Deno 的个人核心贡献者合作，宣布成立一个新的社区小组，专注于在基于 JavaScript 的非 Web 浏览器开发环境中实现标准化 Web API 的互操作性实现。 新的Web 互操作性运行时社区小组 (WinterCG) 在W3C 的既定流程下运作。WinterCG 将开放给所有人参与；它将在既定的 W3C 流程和政策下运作；所有的工作都将通过“wintercg”GitHub 组织开放访问；它所做的一切都将以最大限度地提高互操作性为中心目标。

详情：blog.cloudflare.com/zh-cn/intro…

4. Deno 发布四周年

5月13日，Deno 官方在推特发文庆祝 Deno 四周年。

更新速递

1. TypeScript 4.7 RC

5月11日，TypeScript 4.7 RC（候选版本）发布，距离正式版又近了一步。TypeScript 4.7 RC的主要更新如下：

• 在 Node.js 中支持 ECMAScript 模块；
• 模块检测控制；
• 计算属性控制流分析；
• 改进在对象和方法中的函数推断；
• 实例化表达式；
• 推断类型变量扩展约束；
• 类型参数的可选 Variance 注解；
• resolution-mode；
• 通过 moduleSuffixes 自定义 Resolution；
• 导入 Groups-Aware Organize；

更新详情：devblogs.microsoft.com/typescript/…

2. pnpm 7.1.0 发布

pnpm 7.1.0 正式发布。主要在package.json中添加了对libc字段的支持。

更新详情：github.com/pnpm/pnpm/r…

开源趋势

下面来看看上周GitHub上有哪些热门的前端开源项目！

1. nginxconfig.io

nginxconfig.io 是一个强大的 NGINX 配置生成器，其功能有**：** HTTPS、HTTP/2、IPv6、certbot、HSTS、安全标头、SSL 配置文件、OCSP 解析器、缓存、gzip、brotli、回退路由、反向代理、www/non-www 重定向、CDN、PHP（TCP/socket、 WordPress、Drupal、Magento、Joomla)、Node.js 支持、Python (Django) 服务器等。

Star⭐：17.7 k

本周Star⭐️：1356

Github：github.com/digitalocea…

2. Tesseract.js

Tesseract.js 是一个 JavaScript 库，可以从图像中获取几乎任何语言的单词。该库支持100 多种语言、自动文本方向和脚本检测、用于阅读段落、单词和字符边界框的简单界面。Tesseract.js 可以在浏览器和带有NodeJS的服务器上运行。

Star⭐：26.8 k

本周Star⭐️：

Github：github.com/naptha/tess…

3. tmagic-editor

tmagic-editor可视化开源项目是从魔方平台演化而来的开源项目，意在提供一个供开发者快速搭建可视化搭建平台的解决方案。

Star⭐：1.6 k

本周Star⭐️：698

Github：github.com/Tencent/tma…

4. type-challenges

本项目意在于让你更好的了解 TS 的类型系统，编写你自己的类型工具，或者只是单纯的享受挑战的乐趣！同时希望可以建立一个社区，在这里你可以提出你在实际环境中遇到的问题，或者帮助他人解答疑惑.

Star⭐：17.5 k

本周Star⭐️：686

Github：github.com/type-challe…

5. yn

面向程序员的 Markdown 笔记应用程序。支持版本控制、AI补全、思维导图、文档加密、代码片段运行、集成终端、图表嵌入、HTML小程序、插件、宏替换等。

Star⭐：2.9 k

本周Star⭐️：529

Github：github.com/purocean/yn

工具推荐

下面来推荐五个好用的图像编辑器库。

1. Filerobot

Filerobot 图像编辑器是在 Web 应用程序中集成易于使用的图像编辑器的最简单方法。与几行代码集成，用户将能够对任何图像应用基本转换，如调整大小、裁剪、翻转、微调、注释、水印和各种过滤器。

GitHub：github.com/scaleflex/f…

2. tui.image-editor

tui.image-editor 是一个使用 HTML5 Canvas 的全功能图像编辑器。它易于使用并提供强大的过滤器。

GitHub：github.com/nhn/tui.ima…

3. Lena.js

Lena.js 是一个用于图像处理的小型库。可以将一些常见的预定义过滤器应用于图像。

GitHub：github.com/davidsonfel…

4. VintageJS

VintageJS 使用 HTML5 canvas 元素为图像添加复古/复古效果。

GitHub：github.com/rendro/vint…

5. Filterous-2

Filterous-2 是一个类似 Instagram 的照片处理库，用于浏览器上的 Node.js 和 Javascript。这是 Filterous 的改进版本，大约 4 年前为浏览器的 JavaScript 编写。此版本适用于 Node.js 和浏览器，并带有预定义的类似 Instagram 的过滤器（具有相同的过滤器名称和非常相似的效果）。

GitHub：github.com/girliemac/f…