奇舞周刊第 489 期: Chrome 112：CSS 支持嵌套语法、document.domain 正式禁用！

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 Chrome 112：CSS 支持嵌套语法、document.domain 正式禁用！

Chrome 112 版本在 4.4 号发布了，我来带大家一起看看有哪些值得关注的更新

 用 ChatGPT 开发一个能听懂人话的命令行工具

你是否经常会经常忘记某个命令行工具的参数该怎么写？正确的顺序是什么？或者是 git、docker 命令的新手？通过我们接下来要开发的这个程序，你只需要用中英文 (或任何语言) 描述你想要完成的任务，AI 会将它转换为对应的命令行文本，再也不用记忆复杂的命令参数啦~

 什么？低代码引擎可以开发应用了

本文提供的应用级能力是指，在一个设计器中即可完成低代码页面、低代码组件、应用级逻辑、应用级国际化配置等的编辑。甚至对于应用相关的配置也可以通过 Webview 的方式进行编辑，而不需要来回切换浏览器页面才能达到这样的效果。

技术实践

■ ■ ■

 快速入门 GraphQL：一个接口实现 CRUD

restful 接口是 url 代表资源，GET、POST、PUT、DELETE 请求代表对资源的增删改查。这种接口返回什么数据完全由服务端决定，每次接口变动可能就得新加一种接口。为了解决这种问题，facebook 创造了 graphql，这种接口返回什么数据完全由客户端决定。增删改查通过这一个接口就可以搞定。

 从零到一实现 Rust 的 channel 并发处理模型

这篇文章将会围绕 Rust 的并发模型展开，首先会介绍并发的基本概念，然后会对 Rust 中一些重要的并发工具进行介绍，比如 Atomic、Mutex、Condvar 等等，最后会实现一个 channel 并发处理模型。

 基于 HTTP Range 实现文件分片并发下载！

文件下载是常见需求，只要设置 Content-Disposition 为 attachment 就可以。但大文件的时候，下载中断了再重新传体验不好，或者想实现分片下载再合并的功能，这时候就可以用 Range 了。我们基于 Range 实现了文件的分片下载，浏览器通过 ArrayBuffer 接收。ArrayBuffer 只读，想要操作要通过 Uint8Array 来合并，之后再转为 ArrayBuffer。这样就可以通过 URL.createObjectURL 设置为 img 的 src 或者通过 a 标签的 download 属性实现下载了。

扩展边界

■ ■ ■

 Chrome 发布 WebGPU

经过多年的开发，Chrome 团队发布了 WebGPU，它允许在 Web 上进行高性能 3D 图形和数据并行计算。WebGPU 现在默认在 Chrome 113 中可用，其目前处于 Beta 通道，并预计将于4月 26 日发布正式版。WebGPU 是一种新的 Web 图形 API，它具有显着的优势，例如大大减少相同图形的 JavaScript 工作量，以及机器学习模型推断的三倍以上的改进。WebGPU 的初始版本可以在 ChromeOS、macOS 和 Windows 上使用。对其他平台的支持将于今年晚些时候推出。

 可视化搭建 - keepAlive 模式

keepAlive 模式可以在不改变任何协议、应用代码的情况下，解决跨父级移动导致的 Remount 问题，但这种设计也会引入新增 dom 结构的问题，只要尽量采用绝对定位的布局策略，就可以避免负面影响

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。