美味值：🌟🌟🌟🌟🌟
口味：初露青提
- 食堂技术周刊仓库地址：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 103 中被默认支持，可在 ChromeOS、macOS 和 Windows 上使用，其他平台的支持将在今年晚些时候推出。
2. Chrome 112 的新功能
- CSS 支持嵌套规则
- 设置
元素初始焦点的算法更新 - 为了加快导航速度，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 年的产品设计工作中遵循的一些设计准则。
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
