631 期 加快 JavaScript 生态系统的发展
本期看点：上周，Playwright 发布了 v1.32 支持 UI 模式，让用户可以在一个 UI 环境中探索、运行和调试测试。
编辑：liu-jin-yi、TimLi777、Yucohny
🔥 本周热门
加快 JavaScript 生态系统的发展：npm scripts — 这是关于在 JavaScript 领域中寻找提高性能系列文章中最新的一篇。作者自己是这样介绍的:
‘npm scripts’是 JavaScript 开发者经常执行的命令，但它们并没有被特别优化，每次执行都会增加大约 400 毫秒的开销。在这篇文章中，我们能够将这个开销降低到约 22 毫秒。”
如果你很感兴趣可以 重头开始学习。
Marvin Hagemeister
Playwright v1.32 – 现在有了 UI 模式 — 这个流行的 Web 测试和自动化框架正在向 Cypress 这样的工具所服务的领域迈进，它提供了一个 “UI 模式”，让你可以在一个 UI 环境中探索、运行和调试测试，还有观察模式。这里有一个 介绍视频。
Microsoft
快讯：
-
GitHub 今天不得不更新了它的 RSA SSH 主机密钥 ，所以当你推送和克隆时，你可能会看到与安全相关的警告。修复它很容易，但要检查新的 key 是否匹配 – 这是为了你自己的安全。
-
The New Stack 采访了 Svelte 的 Rich Harris 关于 SvelteKit 和 Svelte 4 即将推出的内容。
-
React 团队分享了一些 他们正在做的最前沿的更新， 包括 React 服务器组件和一个优化编译器。
-
如果你上周在官方 Node 网站上遇到错误， 这里是（详细的）事故原因。 主要是配置错误和不适当的缓存。
-
✨ 你知道有一个假 GitHub 星星的市场吗？一些开发者 分析了一些仓库来了解更多关于它的信息。
-
🥇 祝贺 Lea Verou 被任命为 TC39 委员会成员。 她推动互联网向前发展的努力是具有传奇色彩的。Prism 是你可能知道的一个项目。
-
快来讨论 Vite 下一个版本的更新内容吧！
📒 教程与趣事
使用 Playwright 抢购自行车 — 一种不寻常的 JavaScript、Playwright 和 GitHub Actions 的用例，但 Maciek 设法买到了他的自行车。
Maciek Palmowski
前端“已死”？ — 最近有一种说法认为，像 GPT-4 这样的大型语言模型（甚至像 Copilot X 这样的工具）可能很快就会让一些开发者失业——然而，Josh 对“这些人工智能进步对软件开发未来的意义充满乐观”。
Josh W. Comeau
相关新闻，Eric Elliott 对 ChatGPT 进行了测试，看它是否能成为一个不错的 JavaScript 教练。它表现出色——尽管结果有些参差不齐。
▶ 初学者的 Pinia 快速入门 — Pinia 是一个 Vue 的状态管理解决方案，它确实相信把菠萝放在披萨上。
Alexander Gekov
从零开始使用 Astro 的实用指南 — 一个全面的 Astro 指南，涵盖了你想要的所有主题教程。
Mojtaba Seyedi
想要从 Angular 切换到 Signals 之前，你一定要先做这件事！
Jordan Powell
Adam Argyle (Google)
🛠 代码与工具
trace.cafe：轻松分享 Webperf — 一种快速分享从开发者工具中保存的性能分析文件的方法，最多可保留 90 天，并嵌入开发者工具性能面板。(参见示例)
paul irish
VueUse：Vue Composition 实用程序集合 — 包含超过 200 个针对 Vue 2 和 3 的函数，无论是处理状态、浏览器功能、动画、Electron、Firebase 还是其他内容，这套基于组合 API 的实用程序函数都会有适合您的东西。
Anthony Fu
OTPAuth：一次性密码（HOTP/TOTP）库 — 当您登录使用 2FA 的网站时，如果被要求输入来自身份验证应用程序的一些数字，那么可能是基于时间的一次性密码（或 TOTP）。这个适用于 Node、Deno、Bun 和 浏览器的库让您可以用 JS 处理 TOTPs 和 HOTPs。
Héctor Molinero Fernández
Recharts v2.5：基于 React 和 D3 构建的图表库 — 使用声明式组件、原生 SVG 支持和对 D3 的轻量级依赖，易于部署。提供了线形图、条形图、散点图、组合图、饼图和雷达图。有 很多示例，包括代码。
recharts
DOCX v8.0：用 JavaScript 生成 Word .docx 文件 — 布局文档的代码很冗长，但功能很多。这里有一个 CodePen 示例 和 发布说明 – 仓库地址
Dolan Miu
SvHighlight：Svelte 代码语法高亮器 — 基于 Highlight.js，它包含一个模糊功能，可以将注意力集中在代码的特定区域，并且可以用 Tailwind 自定义它。试试 交互式示例 来看看效果。
SvHighlight
eslint-formatter-pretty v5.0：美观的 ESLint 格式化器 — 比默认的格式化更好看。按严重程度排序结果。获取带样式的内联代码块等等。
Sindre Sorhus
AWS JWT Verify：验证由 Amazon Cognito 签名的 JWT — 在 Node.js 和浏览器中都可以使用。
Amazon Web Services
版本发布：
-
Docusaurus v2.4
↳ 易于维护的文档站点生成器。 -
Puppeteer v19.8
↳ Headless Chrome Node.js API。 -
Neutralinojs v4.11
↳ 轻量级跨平台桌面应用程序框架。 -
melonJS v15.0
↳ 成熟的 HTML5 游戏引擎。 -
Marked v4.3
↳ Markdown 解析器和编译器 -
v8go v0.9
↳ 从 Go (lang) 执行 JavaScript。 -
Million v2.1
↳ 使 React 更快的快速虚拟 DOM。 -
Partytown v0.7.6
↳ 从主线程中删除第三方脚本。
🎁 Bonus Item
创建 Bookmarklets — 直接在浏览器中创建和测试 bookmarklet。如果你需要的话，这会让你的任务变得很轻松。
Cullan Luther