前端黑板报 – 周报第 4 期

🔥 本周最热

在没有构建系统的情况下编写 JavaScript — 在现代 JavaScript 开发中，使用各种构建工具进行打包和转译等操作是相当标准的，但是如果你想让事情变得简单怎么办？朱莉娅说，对于简单的事情，没有必要。这在 Hacker News 上引起了很多讨论。

https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/

Ryan Dahl，Node.js 的创造者，想要重建 Web 的运行时 — 关于替代 JavaScript 运行时 Deno 的简洁新闻报道，以及 Ryan Dahl 试图用它实现的目标，以及 Ryan 如何应对被称为创造者的压力Node.js 的。

https://www.sequoiacap.com/article/deno-spotlight/

仅使用 JavaScript 广播直播流 — 直播流通常使用第三方软件进行广播，但借助 Amazon Interactive Video Service，您可以使用 Web Broadcast SDK 和 JavaScript 构建功能强大的交互式广播界面。点击这里了解更多 。

https://dev.to/aws/broadcasting-to-your-amazon-ivs-live-stream-from-a-browser-2343

core-js 的维护者抱怨开源“已损坏”— core-js 是一种流行的 JavaScript 功能通用 polyfill，它的作者遇到了相当多的厄运，最终导致了这篇关于项目状态的冗长帖子，他的确保收入的问题，以及在俄罗斯生活的缺点。 The Register 试图平衡这个故事。

https://www.theregister.com/2023/02/15/corejs_russia_open_source

📝 文章&教程

使用 MutationObserver 来处理尚不存在的 DOM 节点——比较 MutationObserver API 与不断检查节点创建的传统方法的有效性。

https://www.macarthur.me/posts/use-mutation-observer-to-handle-nodes-that-dont-exist-yet

Well-Known Symbols in JavaScript — TC39 代表 Hemanth 展示了 14 个符号以及它们可以派上用场的地方。

https://h3manth.com/posts/Well-known-symbols/

为什么要更多地使用 Map 和更少的 Object ——探索性能兔子洞的旅程。

https://www.builder.io/blog/maps

在早期采用 React — 个人历史课程，提供有关 React 演变的背景信息。虽然 React 现在可能是一个显而易见的，甚至是安全的选择，但并非总是如此。

https://cult.honeypot.io/reads/adopting-react-in-the-early-days/

Animated Flythrough with Theatre.js and React Three Fiber — 如何使用 Theatre.js JavaScript 动画库和 React Three Fiber 3D 渲染器在 3D 场景中飞行。这是过去非常困难™但现在相对微不足道的事情。

https://tympanus.net/codrops/2023/02/14/animate-a-camera-fly-through-on-scroll-using-theatre-js-and-react-three-fiber/

⚒️ 代码&工具

Dependency Cruiser: Validate and Visualize JavaScript Dependencies——如果你想看一下输出，有一整页的图表是关于流行的、现实世界的项目，包括 Chalk、Yarn 和 React。

https://github.com/sverweij/dependency-cruiser

Devalue：像 JSON.stringify，但是.. JSON.stringify Devalue：像 JSON.stringify，但是..——“在 JSON.stringify 做不到的时候完成工作。”也就是说，它可以处理循环和重复引用、正则表达式、 Map 和 Set 、自定义类型等。

https://github.com/Rich-Harris/devalue

🧡 用于 VS 代码的 JavaScript Scratchpad（超过 200 万次下载）— 免费获取 Quokka.js“社区”：#1 用于探索/测试 JavaScript 的工具，具有编辑继续体验以查看实时执行和运行时值

https://quokkajs.com/?utm_source=cooperpress&utm_medium=javascriptweekly&utm_content=javascriptweekly

NodeGUI：使用 Node.js 构建本机跨平台桌面应用程序 — 与依赖 Web 视图和 HTML 的 Electron 不同，NodeGui 使用基于 Qt 的方法。本周的 0.58.0 版本是第一个基于 Qt 6 并提供高 DPI 支持的稳定版本。

https://github.com/nodegui/nodegui

DOMPurify 3.0：用于 HTML 和 SVG 的快速、宽容的 XSS 消毒器——这个项目至今已有 9 年历史，但仍在积极开发中。支持所有现代浏览器（刚刚放弃对 IE 的支持）并经过严格测试。

https://github.com/cure53/DOMPurify

tsParticles: Particles, Confetti and Fireworks for Your Pages — 创建可自定义的粒子相关效果以在 Web 上使用。使用常规 2D 画布以获得广泛支持。

https://particles.js.org/

🚀 版本发布

Minimatch 6.2
↳ 在 npm 中使用的 Glob 匹配器库。

minimatch("bar.foo", "*.foo")

React Accordion 1.2
↳ 无样式的 WAI-ARIA 兼容手风琴库。

ScrollTrigger 1.0.6
↳ 让你的页面对滚动变化做出反应。

VeeValidate 4.7.4
↳ 流行的 Vue.js 表单库

Express Admin 2.0
↳ MySQL/Postgres/SQLite 中数据的管理界面。

Execa 7.0 执行器 7.0
↳ 改进了 Node.js 的流程执行。

React Tooltip 5.8
↳ 反应工具提示 5.8