包阅导读总结
1. 关键词：JavaScript、Set 方法、ECMAScript 2024、TypeScript v5.5、代码工具
2. 总结：本期 JavaScript 中文周刊涵盖了 JavaScript 中 Set 新增方法、ECMAScript 2024 的批准、TypeScript v5.5 的发布等，还包括教程、代码工具及版本更新等内容。
3. 主要内容：
– JavaScript 相关更新：
– JavaScript 的 Set 增加更多集合相关方法，在特定浏览器版本可用，被视为基础特性。
– Ecma 国际批准 ECMAScript 2024，有新变化。
– TypeScript v5.5 发布，支持新的 Set 方法等功能。
– 教程与趣事：
– 在 Vue 中重现 Queens 游戏。
– 理解 React 编译器。
– 用四个冷门 JavaScript API 统一 Web 和原生应用体验。
– 探索 JavaScript 中的随机性。
– Slack 的从 Enzyme 到 React 测试库的 AI 驱动转换。
– 如何在编写 Angular 测试时模拟子组件。
– 在 SVG 中变形任意路径。
– 代码与工具：
– Node-RED v4.0 版发布，有多项改进。
– React-Admin v5 发布。
– wavesurfer.js：音频波形播放器库。
– PixelMatch 6.0：像素级图像对比库。
– PDFSlick：PDF 查看器。
– 众多工具和框架的版本发布，如 Playwright、Bun 等。
思维导图：
文章地址：https://mp.weixin.qq.com/s/klIf4ST9WoJ6XCGsKuS60Q
文章来源：mp.weixin.qq.com
作者：印记中文团队
发布时间：2024/7/2 1:22
语言：中文
总字数：1458字
预计阅读时间：6分钟
评分：89分
标签：JavaScript,Set 方法,集合操作,ECMAScript 2024,TypeScript
以下为原文内容
本内容来源于用户推荐转载，旨在分享知识与观点，如有侵权请联系删除 联系邮箱 media@ilingban.com
本期看点：JavaScript 为 Set 增加了更多集合相关的方法，现在在集合之间查找交集、并集和差集，以及其他集合相关的任务变得轻而易举。这些方法在 Node 22+、Chrome/Edge 122+、Firefox 127+、Safari 17+ 中可用，并且现在被视为一个“基础”特性。
编辑：TimLi
🔥 本周热门
JavaScript 的 Set 现在增加了更多方法 —— 现在在集合之间查找交集、并集和差集，以及其他集合相关的任务变得轻而易举。这些方法在 Node 22+、Chrome/Edge 122+、Firefox 127+、Safari 17+ 中可用，并且现在被视为一个“基础”特性。
https://developer.mozilla.org/en-US/blog/javascript-set-methods/
Brian Smith (MDN)
Ecma 国际批准 ECMAScript 2024：有什么新变化？ —— 本周，Ecma 大会批准了最新的 ECMAScript / JavaScript 语言规范，正式将其纳入标准。与 ECMAScript 2023 一样，这是一个小的进步，但 Dr. Axel 会看看有哪些新变化。
https://2ality.com/2024/06/ecmascript-2024.html
Dr. Axel Rauschmayer
TypeScript v5.5 发布 —— 这是近年来在功能方面最重要的 TypeScript 版本之一。支持上述新的 Set 方法、正则表达式语法检查、隔离声明、推断类型谓词等。这是一个内容丰富的发布文章。
Microsoft
快讯：
-
📊 Socket 的 Sarah Gooding 撰写了 一篇易于浏览的 State of JS 2023 调查结果汇总。
长按识别二维码查看原文 https://socket.dev/blog/2023-state-of-javascript-survey-highlights
-
🧊 有人用 JavaScript 创建了一个 ASCII 3D 渲染器。为什么？为什么不呢！这里有一个在线演示。
长按识别二维码查看原文 https://github.com/kciter/ascii-3d-renderer.js
📒 教程与趣事
👑在 Vue 中重现 Queens 游戏 —— Queens 是一款结合了扫雷、国际象棋和数独元素的益智游戏。
https://fadamakis.com/recreating-queens-game-in-vue-d7e3b3013ccb?gi=4e1000f05474
Fotis Adamakis
理解 React 编译器 —— React 团队的新实验工具通过重写你的代码来自动进行性能调优——但你应该使用它吗，它是如何在幕后工作的？Tony 会详细讲解。
https://tonyalicea.dev/blog/understanding-react-compiler/
Tony Alicea
用四个冷门的 JavaScript API 统一 Web 和原生应用体验 —— 看看一些‘不太为人知’的 Web 特性，例如屏幕方向 API 和联系人选择器 API，以及它们如何用来创建用户友好的 PWA。
https://www.smashingmagazine.com/2024/06/uniting-web-native-apps-unknown-javascript-apis/
Juan Diego Rodríguez
探索 JavaScript 中的随机性 —— 具体来说是 Math.random() 与 Crypto.getRandomValues() 的对比。
https://www.bennadel.com/blog/4669-exploring-randomness-in-javascript.htm
Ben Nadel
📄 Slack 的从 Enzyme 到 React 测试库的 AI 驱动转换 —— 如果机器人真的要抢工作，那么至少它们抢的是我们常常不想做的工作。Sergii Gorbachov (Slack)
📄 如何在编写 Angular 测试时模拟子组件 Casey Falkowski
📄 在 SVG 中变形任意路径 Alexandru-Gabriel Ică
https://minus-ze.ro/posts/morphing-arbitrary-paths-in-svg/
🛠 代码与工具
Node-RED v4.0 版发布 —— Node-RED 是一个流行的‘低代码’事件驱动的应用开发环境，后台使用了 Node.js。v4.0 需要 Node 18 或更高版本，改进了‘多人’支持（当多名用户在同一系统上工作时），使部署更快，并进行了其他全方位的改进。
https://nodered.org/blog/2024/06/20/version-4-0-released
OpenJS Foundation
React-Admin v5 —— 一个 MIT 许可的框架，用于在 REST 或 GraphQL API 之上构建 React 应用。你可以直接获得一些附加的结构和众多构建模块。GitHub 仓库。
https://marmelab.com/blog/2024/06/20/react-admin-v5.html
François Zaninotto
wavesurfer.js：音频波形播放器库 —— 获取响应式和可定制的波形，这些波形提供音频的视觉印象。还有一些插件可用于时间轴处理、录音、渲染声谱等。这里有许多示例。
https://wavesurfer.xyz/
katspaugh
PixelMatch 6.0：一个快速的像素级图像对比库 —— 给它两个图像，它会高亮显示差异。现在作为 ES 模块分发。
https://github.com/mapbox/pixelmatch
Mapbox
📄PDFSlick：查看并交互 PDF —— 一个有趣的 PDF 查看器，适用于 React、Solid、Svelte 及其他 JavaScript 应用。基于 PDF.js，使用 Zustand 提供了一个响应式存储加载的文档。这里是在线演示。
https://github.com/pdfslick/pdfslick
Vancho Stojkov
版本发布：
-
Playwright v1.45.0 —— Microsoft 的浏览器/网页自动化库现在有了一个时钟 API，用于在测试中操控时间来验证与时间相关的行为。
-
Bun v1.1.16 —— 一个快速的 JavaScript 运行时和工具包。
-
Astro v4.11、Electron v31.1、PouchDB v9.0、Node.js v20.15.0 (LTS)
-
Ky v1.4 —— 基于 Fetch 的简单 HTTP 客户端，适用于浏览器、Node 和 Deno。
-
React Awesome Query Builder v6.6 —— 逻辑查询构建器控件。在线演示。
-
Matter.js v0.20 —— 一个 2D 刚体物理引擎。
-
ka-table v11.0 —— 轻量级 React 表格组件。在线演示。
-
OverlayScrollbars v2.9 —— JS 自定义滚动条插件。
-
Wouter v3.3 —— 最简路由器，适用于 React 和 Preact。
🙋🏻♀️ 关注我们
