646 期 - 令人期待的 JavaScript 新功能

本期看点：Mary 发表了一篇文章，介绍了随着时间的推移 JavaScript 是如何变得更好的，同时也讲述了一些即将出现或仍在讨论的 TC39 流程中的新功能。

编辑：TimLi777、LaughSun0513、Yucohny

---

🔥 本周热门

JavaScript 的下一步：令人期待的新功能 — 这是一篇接地气且高质量的文章，介绍了随着时间的推移 JavaScript 是如何变得更好的，同时也讲述了一些即将出现或仍在讨论的 TC39 流程中的新功能。

Mary Branscombe（The New Stack）

在发表这篇文章后，Mary 还发表了一篇文章 后浏览器时代：JavaScript 标准的可持续发展，更深入地探讨了 JavaScript 在服务器和边缘功能领域的持续发展。

⚡️ 快讯：

• 🎵 Spotify 推出了 TypeScript SDK 用于其 Web API。

• 紧随 Svelte v4.0 的发布，Svelte 团队对 全面改版后的官方网站 进行了一次小更新——这是成为 Svelte 开发者的好时机。

• Img․ly 的工作人员发布了一个可以 直接在浏览器中去除图像背景的系统的代码，这里有 更多信息。

📒  教程与趣事

为 DOMContentLoaded 辩护 — 这是一篇关于测试浏览器事件，尤其是 DOMContentLoaded 及其相关事件使用场景，的详细解释。DOMContentLoaded 事件会在所有延迟加载的 JavaScript 脚本都执行完毕后触发。

Harry Roberts

View Transitions API 简介 — 实验性的 View Transitions API 提供了一种更简单的方法实现 DOM 和页面变更时的动画过渡效果。这篇文章介绍了如何使用这种渐进式增强功能。

Craig Buckler

像 Gom Jabbar 一样的 JavaScript — 在电影沙丘中，gom jabbar 是一种涂有毒液的尖刺；在 JavaScript 的同名测试中，开发者也时常会经受剧烈的痛苦。不知何故，这已经被用作痛苦 JavaScript 经历的隐喻……😏

Alex Kotliarskyi

▶ JavaScript 炒作周期与 React 疲劳 — Aaron 的想法是，为自己选择一个合适的东西，避免炒作周期，也许，不要使用甚至不满一年的工具。

Aaron Francis

📅 有关“一年”的想法很有趣。或许我们应该考虑回顾一下一年前的事情，看看它们是否还在继续发展……😅

使用异步生成器消费分页 API

James Sinclair

🛠  代码与工具

MathLive：可以编辑数学公式的输入框组件 — 一个提供编辑公式界面的网络组件。它使用 LaTeX 样式的排版以保持良好的外观。这里是 GitHub  仓库。

Arno Gourdol

Starlight：使用 Astro 的文档站点生成器 — Docusaurus 使用 React 构建，而 Starlight 使用 Astro 构建。Starlight 与特定框架无关，开发者可以使用 React、Vue、Svelte、Solid 等框架进行扩展，也可以在开箱即用的基础上使用站点导航、搜索、国际化、代码高亮，以及暗黑模式等功能。这里是 GitHub  仓库。

Starlight

mdsvex：为 Svelte 打造的的 Markdown 预处理器 — 主页是一个简洁但可爱的演示，但是 文档 才是重点。

pngwn

rrule.js：处理日历日期的重复规则 — iCalendar 是表示日历和日程的数据格式，RRULE 是其定义重复事件的方法。rrule.js 可以帮助你处理这些规则，并在其令人惊叹的“游乐场”式主页上展示它。

Jakub Roztocil

copy-text-to-clipboard：在现代浏览器中将文本复制到剪贴板 — 相当简单，但可以节省开发者与浏览器 API 的一些操作。

Sindre Sorhus

版本发布：

• TypeScript v5.2 Beta
  ↳ 在 v5.1 最终发布仅一个月后。using 是头条功能，发布的帖子 对此进行了详细的介绍。

• Node.js v20.4.0（Current）
  ↳ Node 新增了一个有趣的新“模拟计时器”功能，用于编写更可靠和确定性的时间相关功能测试。

• Vite v4.4
  ↳ 前端工具包更新为 esbuild v0.18，添加了实验性 Lightning CSS 支持，还为 Solid 和 Qwik 用户提供了新的入门模板。

• Billboard.js v3.9
  ↳ 基于 D3 的流行图表库。这里是 演示。

• Deno v1.35
  ↳ 替代 JavaScript 运行时使 Deno.serve()（其 Web 服务器 API）稳定，并改进了 npm 和 Node 兼容性。

• TinyBase v4.0
  ↳ 本地优先应用的反应式数据存储。

• Cross Fetch v4.0
  ↳ 适用于 Node、浏览器和 React Native 的通用 WHATWG Fetch API。

• Sortable v2.2
  ↳ 使任何带有 class="sortable" 的表格可排序。

• Escodegen v2.1
  ↳ AST 到 ECMAScript 代码生成器。