677 期 - console.delight

本期看点：通常会使用 `console.log` 输出文本，但在浏览器控制台中，也可以渲染如 SVG 和 HTML 之类的其他东西。本期的一篇文章使用许多例子深入探讨了这种技术所带来的创造性选择。

编辑：Yucohny、Zhper、TimLi

🔥 本周热门

— 通常会使用 console.log 输出文本，但在浏览器控制台中，也可以渲染如 SVG 和 HTML 之类的其他东西。这篇文章使用许多例子深入探讨了这种技术所带来的创造性选择，尽管你也许并不需要。😅

Zach Saucier

AHA Stack：构建现代 Web 应用程序的另一种方式 —— AHA Stack 是一个构建全栈 web 应用程序的方式，它将 Astro、htmx 和 Alpine.js 结合，并且可以通过网络发送 HTML。这是一个不错的展示网站，很好地分享了这个想法，并有完整的解释和示例。

Flavio Copes

快讯：

断言的黄金法则 —— Artem 分享了一个帮助他编写更好的测试方案的技巧，正如他所说的“断言的黄金法则”：“当且仅当系统背后的意图没有得到满足时，测试一定失败。”

Artem Zakharchenko

▶ 在 JavaScript 中编写扫雷 —— Ania 带着她的另一个精彩逐步演练的视频回来了。现在你可以真正的编写扫雷，而不是浪费时间单纯游戏。在这里体验…… 😁

Ania Kubów

2024 年每位前端开发者都应知道的 5 个 CSS 代码段 —— Adam 去年做了一个类似的总结，如今他带来了更多值得了解的工具带，强大的、值得了解的 CSS 技巧。

Adam Argyle

从 Zod 迁移到 Valibot：一份对比经验 —— Zod 和 Valibot 都提供了一种使用类型验证数据的机制，Matthew 介绍了他如何发现 Valibot 更适合验证他的联系表单。

Matthew Kwong

getElementByID 和 querySelector 的区别 —— 当涉及到 CSS 选择器时，带有前导数字的 id 会带来问题。

Kiru from Switzerland

Annoyed at React —— “只是对我最喜欢的 JavaScript 库的一点咆哮。”

Cassidy Williams

Fotis Adamakis

Chris Coyier

Heat.js：热图可视化库 —— 它没有任何依赖，小巧，响应迅速，且可定制主题。这是 GitHub 仓库。

William Troup

2023 年度顶级前端工具大全 —— Louis 介绍了他在过去一年中发现的一些有用的工具。他介绍了非常多且各种各样的工具，你肯定能找到一些能帮助你日常工作的工具。

Louis Lazaris

Tinybench：一个小巧、简单的基准测试库 —— 这个测试库没有依赖，它用任何可直接使用的计时能力（例如 process.hrtime 或 peformance.now）实现。你可以对任何函数进行基准测试，指定测试多长时间/多少次，并获得各种统计信息。

Tinylibs

🛰 Orbital Object Toolkit：简化轨道力学 —— 这个库对我来说高深莫测，但如果你的工作就是和卫星打交道的话，对你来说应该很有用。

Theodore Kruczek

worker-timers：用于未聚焦窗口的 setInterval/setTimeout —— 当一个标签页失去焦点时，其中使用的任何计时器都可能被节流。一个解决方法是使用 Web Worker。

Christoph Guttandin

Sutra.js：一个用于管理行为模式的行为树库 —— 主要针对游戏开发的使用场景，Sutra 让你在代码中定义和建模复杂的行为模式。

Yantra

版本发布：