栗子前端技术周刊第 34 期 - TypeScript 5.5 RC、TC39 会议、Safari 18 Beta 中的 WebKit...

🌰栗子前端技术周刊第 34 期 (2024.6.10 - 2024.6.16)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

📰 技术资讯

TypeScript 5.5 RC：TypeScript 5.5 RC 相比与其 beta 版本，支持了 ECMAScript 的 Set 更多的方法，调整了正则表达检查的规则等等。其他 5.5 将推出的重要功能包括推断类型谓词、通过注释在 JSDoc 中导入类型的功能、孤立声明等等。
TC39 会议 ：TC39 再次开会推进了几项关键提案，包括惰性加载模块、Error.isError() 、RegExp 转义和 Promise.try。
Safari 18 Beta 中的 WebKit：WWDC24 为 Safari 带来了许多新内容，新的测试版添加了近 50 项新的 web 功能，包括视图过渡 API 支持、样式查询、新的 Passkeys 功能，甚至还有 Safari for visionOS 中的 WebXR 体验。

how-deep-is-your-dom：你的 DOM 树有多深 - 我们知道，从理论上讲，DOM 树越深，渲染速度越慢。本文将从实践出发来探究 DOM 深度对性能有什么实际影响。
CSS Container Queries：CSS 容器查询 - 有关容器查询的实用资料，概述了为什么要关注容器查询、容器查询的功能以及何时使用容器查询，文中这里还有大量的示例。
基于wujie的解决方案来简单聊聊微前端：详细地介绍了微前端的各方面，包括是什么微前端、微前端适用场景、流行的微前端方案等等。

js 复制代码

const [person, updatePerson] = useImmer({
  name: "Michel",
  age: 33
});

updatePerson(draft => {
  draft.name = name;
});

uuid v10：生成符合 RFC 的 UUID - 涵盖所有主要 UUID 标准。v10.0 版增加了对更多 RFC9562 UUID 类型（即 v6、v7 和 v8）的支持。

js 复制代码

import { v6 as uuidv6 } from 'uuid';

uuidv6(); // ⇨ '1e940672-c5ea-64c0-8bad-9b1deb4d3b7d'

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端