前端食堂技术周刊第 78 期：WebGPU、Astro 2.2、Node.js 事件循环可视化指南、实用 Web API 规范

美味值：🌟🌟🌟🌟🌟

口味：初露青提

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

本期摘要

• Chrome 发布 WebGPU
• Chrome 112 的新功能
• Astro 2.2
• Node.js 事件循环可视化指南
• 实用 Web API 规范
• Magicast
• Rspack 构建真实开源项目的迁移成本和性能收益
• 影响深远的 16 条 UI 设计准则

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

技术资讯

1. Chrome 发布 WebGPU

经过多年的开发，Chrome 团队发布了 WebGPU，它允许在 Web 上进行高性能的 3D 图形和数据并行计算，WebGPU 将在 Chrome 113 中被默认支持，可在 ChromeOS、macOS 和 Windows 上使用，其他平台的支持将在今年晚些时候推出。

2. Chrome 112 的新功能

• CSS 支持嵌套规则
• 设置 <dialog> 元素初始焦点的算法更新
• 为了加快导航速度，service workers 中没有操作的 fetch 会被跳过

3. Astro 2.2

Astro 发布 2.2 版本，主要更新如下：

• 支持将资源部署到外部 CDN
• image() schema helper API 变更

下面我们来看技术资料。

技术资料

1. Node.js 事件循环可视化指南

该可视化指南包括四个部分：

• Node.js 事件循环
• nextTick 和 Promise 队列
• 定时器队列
• I/O 队列

2. 实用 Web API 规范

虽然 REST 风格是一个不错的指导思想，但在具体实现时需要结合具体业务需求和技术特点，有所取舍，才能实现良好的 API 设计。作者认为 REST 能够解决 90% 的问题，但还有 10% 需要明确规定细节，并在文中给出了最佳实践。

3. Magicast

Magicast 可以帮我们利用简化、优雅且熟悉的语法对 JavaScript 和 TypeScript 源代码进行编程式修改，Magicast 基于 recast 和 babel 解析的抽象语法树（AST）构建。

4. Rspack 构建真实开源项目的迁移成本和性能收益

作者将 exclidraw 开源项目接入了 Rspack，整个迁移过程相对轻松，带来了 10 倍以上的构建性能提升。

5. 影响深远的 16 条 UI 设计准则

作者分享了他在近 20 年的产品设计工作中遵循的一些设计准则。

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

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