印记中文 - 深入挖掘国外前端新领域，为国内 Web 前端开发人员提供优质文档！

690 期 -

Yucohny

title: 690 期 -
editors:

Yucohny
description:

🔥 本周热门

How 1Password Used esbuild to Cut Browser Extension Build Times —— 1Password is a popular password management tool that relies upon a browser extension to fill out passwords on the Web. At over a minute for a single build, things were starting to drag for the devs. Could esbuild help? A fun story with plenty of technical details.

Jarek Samic

Next.js 15 Release Candidate —— The popular React meta framework gets ready for a major new release with a RC giving you an opportunity to experiment with React 19 (and React Compiler) support, executing code after a response with next/after, and a few potentially breaking changes.

Delba de Oliveira and Zack Tanner

aem1k: A Variety of JS Hacks and Creative Coding —— This is a fun one. Martin really captures the joy and expressiveness of JavaScript and the Web with his collection of projects, whether it’s offering a NSFW-named tool to convert your JavaScript into just six characters, rendering a spinning globe in 1KB of JS, the Game of Life in 176 bytes, and many more such experiments.

Martin Kleppe

快讯：

The folks behind the long standing Gulp build tool are running a survey to help make Gulp better and suit modern needs. It closes tomorrow.
🫠 JavaScript's creator Brendan Eich popped up on Twitter/X to refute a claim that JS is "the most slop" by saying it's only 50% so.. I don't get it either.
If you haven't gone down the JSR rabbit hole yet, let ▶️ Ryan Dahl convince you through his DevWorld 2024 talk. (29 minutes.)
Three.js introduces its own 'TSL' shader language as a way to write WebGPU shaders with JavaScript rather than the WebGPU Shading Language.

📒 教程与趣事

10 Modern Node.js Runtime Features to Start Using in 2024 —— If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node.js has been taking huge strides forward too. Liran looks at lots of what’s new.

Liran Tal

ECMAScript 2023 Feature: Symbols as WeakMap keys —— Dr. Axel continues his look at language features by explaining what WeakMaps are for and why using symbols for keys has added benefits.

Dr. Axel Rauschmayer

▶ uBlock Origin: Let's Read the Code —— A prolific code reader spends some time digging into the popular ad blocker that’s almost entirely built in JavaScript.

Ants Are Everywhere

Why We Need a Standard JavaScript ORM for SQL Databases —— ..and is it Drizzle?

Paul Scanlon (The New Stack)

Want Out of React Complexity? Try Vue —— A high level piece that may provide some context if you haven’t dabbled with Vue yet.

Richard MacManus (The New Stack)

📄 Why We Don't Have a Laravel For JavaScript... Yet

Vince Canger（Wasp）

📄 It’s Not Just You, Next.js is Getting Harder to Use

Andrew Israel

📄 How to Create a Modal in React with HTML's <dialog>

Colby Fayock

📄 What's New in Angular 18

Gergely Szerovay

🛠 代码与工具

Regexper: Display JavaScript Regular Expressions as Railroad Diagrams —— Might come in handy for learning regular expressions or if you have a complex regular expression and you don’t know what it does (not an uncommon situation..!)

Jeff Avallone

Hono v4.4: The Standards-Based JS Web App Framework for Everywhere —— Hono is a small, fast web framework with a straightforward API, middleware support, and that runs pretty much on anything (Deno, Bun, Node, Cloudflare, and more). v4.4 brings it to JSR, adds timeout middleware, and a helper to get information about connected clients.

Yusuke Wada and Contributors

Inertia.js v1.1: Build SPAs for Any Backend —— Inertia acts as ‘glue’ between various frontend libraries (React, Vue, or Svelte, say) and server-side frameworks (e.g. Rails or Laravel).

Jonathan Reinink

ShareDB v5.0: Realtime Database Backend Based on Operational Transformation —— For when you need real time synchronization of JSON documents (such as for behind a real time collaboration app).

ShareJS

Qlock: A JavaScript Quine Clock —— We linked to Martin's array of creative JavaScript experiments earlier, but why not finish with one that particularly tickled us? A quine is a program that takes no input but manages to produce, as output, its own source code. Here’s a fun JavaScript example that isn’t merely a quine, but a clock too.

Martin Kleppe

版本发布：

Astro v4.9 – The framework that does everything now does even more, gaining React 19 enhancements, plus a Container API for rendering Astro components outside of Astro apps.
Rspack v0.7 – Fast Rust-based web bundler.
Storybook v8.1 – The frontend component workshop.
Deno v1.44
PyMiniRacer v0.12.2 – Call your Python from your JavaScript from your Python.
Knip v5.17.0 – Finds and removes unused files, dependencies and exports. Now with more.
PM2 v5.4 – Popular Node.js-based process manager for production.
Melange v4.0 – OCaml compiler for JavaScript developers.
Neutralinojs v5.2 – Lightweight cross-platform desktop app framework.
Billboard.js v3.12 – The popular chart library gets funnel charts.
Peaks.js v3.4 – BBC-created audio waveform UI component.
Happy DOM v14.12 – JS implementation of a web browser sans UI.
Retire.js v5.0 – Scans for JS libraries with known vulnerabilities.
React Native Boilerplate v4.2 – A starter template for RN apps.
RE:DOM v4.1 – Tiny library for creating user interfaces.
AlaSQL.js v4.4 – Isomorphic JavaScript SQL database.
is-what v5.0 – Simple, small JS type check functions.
FxTS v1.0 – Functional programming library.

689 期 - SolidStart v1.0 发布：未来框架的形态？

Yucohny,Zhper,TimLi

title: 689 期 - SolidStart v1.0 发布：未来框架的形态？
editors:

Yucohny
Zhper
TimLi
description: SolidJS 是一个受 React 启发的声明式 UI 库，但注重性能，模板被编译为直接接收 DOM 更新的真实 DOM 节点——因此无需虚拟 DOM。SolidStart 是一个用于构建和部署 SolidJS 应用程序的框架，开箱即用的众多强大功能使其非常吸引人。

🔥 本周热门

使用 p5.js 创建真实的手写效果 —— Amy 想要在她制作的一些图表中以编程方式加入她的（连笔）手写效果，并找到了使用 p5.js 实现这一目标的方法。这篇文章介绍了她的实现过程。

Amy Goodchild

SolidStart v1.0 发布：未来框架的形态？ —— SolidJS 是一个受 React 启发的声明式 UI 库，但注重性能，模板被编译为直接接收 DOM 更新的真实 DOM 节点——因此无需虚拟 DOM。SolidStart 是一个用于构建和部署 SolidJS 应用程序的框架，开箱即用的众多强大功能使其非常吸引人。

SolidJS 核心团队

Angular v18 发布 —— 这个大型框架在去年通过 Angular 17 和其新主页得到了大规模的公众复兴。进展继续，增加了对无 zone 变更检测的实验性支持，以及新的内置控制流方法的稳定实现。

Minko Gechev

快讯：

是否曾考虑尝试 Go 编程语言？一位 JavaScript 开发者尝试了并分享了他们的第一印象。
Remix 的 Ryan Florence 发布了新博客，回答了一些针对 React Router 和 Remix “合并”的问题。
Node LDAP 库的维护者在遭受恶意辱骂后停用了此项目。如果您在使用一个开源项目时遇到问题，请保持友善。

📒 教程与趣事

瓶中的城市：256 字节的光线投射 —— Frank 以使用最少量的 JavaScript 组合出令人惊叹的视觉演示而闻名，这个演示也不例外。他详细介绍了演示的工作原理。

Frank Force

Chrome DevTools 提供 AI 工具来理解错误和警告 —— 不是每个人都喜欢，但它是可选的。另外：第一个需要年满 18 岁的 Chrome 功能是什么？

Guo，Emelianova 与 Yeen（Google）

📊 使用 Chrome DevTools 进行 JavaScript 性能分析的指南 —— 如果你更喜欢没有 AI 的调试体验，请放心。这是使用 Chrome DevTools 探索性能问题的实用全面的练习。

Jiayi Hu

📄 ECMAScript 提案：正则表达式的重复命名捕获组

Dr. Axel Rauschmayer

📄 挖掘 PDF.js 中的任意 JavaScript 执行漏洞

Codean Labs

📄 创建组件库时面临的困境

Andrico Karoulla

📄 TypeScript 的品牌类型

Carlos Menezes

🛠 代码与工具

🖋️ Signature Pad v5.0：平滑的签名绘制控制板 —— 如果你需要人们在网上给你签名，用这个让他们写出难以理解但具有法律约束力的涂鸦。这是 GitHub 仓库。

Szymon Nowak

版本发布：

Next.js v15 发布候选版本
ESLint v9.3.0
Node.js v18.20.3（LTS）
Brainchop v4.0 – 一个在浏览器使用的 3D MRI 渲染系统。这是演示。
Redwood v7.6 – GraphQL 驱动的 React 框架，现在有实验性的 React Compiler 支持。
Axios v1.7 – 基于 promise 的同构 HTTP 客户端。
🖋️ Atrament v4.4 – 在 HTML Canvas 上平滑绘图的库。
ka-table v10.0 – 轻量级 React 表格组件。这是演示。
jQuery Terminal Emulator v2.42 – 面向 web 的终端体验。这是演示。
Abracadabra v9.2 – 面向 VS Code 的 JavaScript 和 TypeScript 自动重构。

688 期 - Google 发布 Web Platform Dashboard

Yucohny

title: 688 期 - Google 发布 Web Platform Dashboard
editors:

Yucohny
description: 在 Google I/O 大会上，Google 团队发布了 Web Platform Dashboard，这是一种查看作为一组功能的 Web 平台的方法，以及它们的跨浏览器支持情况。

🔥 本周热门

📄 为 JavaScript 包编写文档 —— Deno 团队在这篇文章展示了 JSDoc 的价值，并说明了如何将文档与常规源码一起编写。

Deno 团队

深入研究 Promise.withResolvers() 提案 —— Dr. Axel 深入研究了提案中的 Promise.withResolvers 功能（现已达到 Stage 4），并解释了为什么可能会更喜欢使用它来更优雅地创建 Promise。

Dr. Axel Rauschmayer

现在可以开始尝试 React 编译器 —— 本周 React Conf 的一个重要项目是 React 实验性编译器的开源，用于在构建时优化 React 代码。他们还创建了一个 React 编译器游乐场供大家试验。

React 团队

快讯：

在 Google I/O 大会上，Google 团队发布了 Web Platform Dashboard，这是一种查看作为一组功能的 Web 平台的方法，以及它们的跨浏览器支持情况。
⭐ Remix 和 React Router 有着共同的历史（并且功能越来越多），这最终导致 Remix 和 React Router 的合并：“我们计划发布的 Remix v3 现在将作为 React Router v7 发布。”
现在可以在 JSR 上获取 Deno 标准库。

📒 教程与趣事

使用 Bun 和 TypeScript 让 GitHub 个人资料动态化 —— GitHub 提供了上传个人资料 README 文件的功能，该文件会显示在用户页面顶部。如果想让它动态更新为最新的博客文章链接、统计数据或其他信息，可以使用一些 JavaScript 和 GitHub Action 来实现。

Duy Ng

▶ 和我一起学习 Hono

Takuya Matsuyama

📄 Web 框架的癌化 —— 框架是否都开始变得相似了？

Jacob Kofoed

📄 帮助非 JavaScript 重点网页设计师了解 JavaScript 的五个基本知识

Chris Coyier

📄 为了乐趣和利润进行个人规模的网络爬虫

Sean Morrissey

🛠 代码与工具

🕹️ 雅典娜危机：一个由 JavaScript 驱动的高质量游戏 —— 一款可在 Steam 商店上购买的商业回合制策略游戏，但现在拥有开源的引擎和工具。该游戏由 GitHub 联合创始人 Chris Wanstrath 创立的独立游戏发行商 Null 发行。

Christoph Nakazawa

fuzzysort v3.0：快速模糊搜索库 —— 查看在线示例 —— 它确实感觉很快。

Stephen Kamenar

Vue Fluid DnD：一个用于 Vue 的动画拖放库 —— 专为项目列表设计，现在可以在此处查看各种示例，包括一个可以使用手柄拖动项目的示例。这是 GitHub 仓库。

Carlos Jorge Rodriguez

Code Screenshot：一个用于创建代码截图的 VS Code 扩展 —— 它会将代码加载到此网站（如果不想安装扩展，可以直接使用该网站），可以在该网站调整设置/主题，并导出为 PNG 或 SVG。

Vkrsi / Visual Studio Marketplace

版本发布：

zx v8.1 – Google 的更好 Node shell 脚本工具。现在支持 CommonJS 和 ESM，增加了对 Node 版本的支持，并支持 Deno 1.x。
ReacType v21 – React 应用的可视化原型工具。
alphaTab v1.3 – 音乐符号和吉他指法表渲染库。它还能播放音乐，虽然机器上的吉他颤音听起来有点奇怪。
React Awesome Query Builder v6.5 – 逻辑查询构建器控件。这是演示。
🎨 jquery-color v3.0 – 用于颜色操作和过渡的 jQuery 插件。
Jdenticon v3.3 – 生成几何“identicons”。
OverlayScrollbars v2.8 – JavaScript 自定义滚动条插件。

687 期 - 从愚人节项目中学习酷炫的多人合作戈德堡机械模拟器

Yucohny,TimLi,Zhper

title: 687 期 - 从愚人节项目中学习酷炫的多人合作戈德堡机械模拟器
editors:

Yucohny
TimLi
Zhper
description: xkcd 今年又制作了一个酷炫的愚人节项目，一个巨大的、带物理引擎的合作戈德堡机械模拟器。Figma 团队也介绍了如何从 Skew 平滑迁移到 TypeScript。

🔥 本周热门

来自 xkcd 的“机器”开发笔记 —— 为了今年的愚人节笑话，他们发布了 “机器”，一种巨大的戈德堡机械模拟器。在技术上，它主要使用了大量的 TypeScript 和 Haskell。这是 GitHub 仓库。

Max Goodhart

Figma 迁移到 TypeScript 的历程 —— Figma 团队介绍了他们是如何将自己编写的 Skew 编程语言的代码自动迁移到 TypeScript 的，而不会中断任何一天的开发。

Brandon Lin（Figma）

Gulp 从未消失；参与 Gulp 开发者调查 —— 许多在多年前引起轰动的优秀工具现在虽然被很少提到，但是仍然运作良好。这也包括 Gulp，一个最初于 2013 年发布的构建系统和工具包。Gulp v5.0 在上月发布，他们团队正在致力于使其变得更好。如果你想帮忙，可以在这里参与他们的调查。

Clarissa Abidog

快讯：

Ben Hong 为我们收集了一些 2024 年 Vue 生态系统的优秀工具和库。
Node.js 核心团队邀请你参与最新的 Node.js Next 10 调查，帮助他们决定 Node 接下来的发展方向。
上周我们推荐了一个有趣的 ▶️ 关于使用 let vs const 的讨论，但 Jack Herrington 对这种方法不太感兴趣，所以他 ▶️ 花了 10 分钟分析了这次讨论及其观点。
Bun 团队正在寻找一名系统工程师加入他们的团队，作为他们推动 Bun 更加适用于生产环境的一部分。

📒 教程与趣事

▶ 无缝拖放应用程序间的交互 —— 这是一个使用浏览器 API 创建更优雅的拖放体验的绝佳演示，甚至可以在不同的浏览器窗口或 IFRAMEs 之间工作，由 Atlassian 的 Pragmatic Drag and Drop 库进行重度支持。

Alex Reardon

为何全局补丁是有害的 —— 修改全局 API 以扩展其功能是常见的，但如果你喜欢可读性、维护性和可预测性，那么这并不可取。

Artem Zakharchenko

“在某个时刻，JavaScript 变得很好” —— 作者指出 JavaScript 在 ES6 中得到了“大提升”，并赞扬了自那时以来的持续改进。或许并不令人惊讶，在 Hacker News 上的一场热烈讨论强调了一些持续存在的总体不满。

Jonathan Beebe

📄 如何在关闭标签页时安全地发送请求 —— 经常被遗忘的 sendBeacon() 来拯救。

Zachary Lee

📄 使用 React Three Fiber 探索 3D 文本扭曲效果

Nine / Codrops

📄 使用 yt-dlp、Whisper.cpp 和 Node 自动生成播客节目笔记

Anthony Campolo

📄 React 开发者学习 SolidJS 的指南

Tristan Dyer

📄 为什么选择 React Query？

UI․dev

🛠 代码与工具

Pintora：一个可扩展的文本-图表渲染库 —— 和 Mermaid 的想法类似，但对待扩展性的态度不同，同时不需要无头浏览器的服务端。介绍文档同时有可视化示例和代码示例。

Hikerpig

jQuery 到 JavaScript 的转换器 —— 一个基于浏览器的工具，可以快速地将 jQuery 脚本转换为非 jQuery 代码。这里是 GitHub 仓库。

lightGallery

DerbyJS 4：成熟的 MVC Web 框架 —— Derby 经历了 Node.js 的大部分历史，并且在某些情况下依然是 构建实施性、交互性应用程序 可行选择。这里是 GitHub 仓库。

Nate Smith et al.

graphql-request v7.0：极小的 GraphQL 客户端 —— 现在是完全的 ESM 包，对客户端和服务端都有一流的 TypeScript 支持。

Jason Kuhrt

Fabric.js：SVG-to-Canvas 和 Canvas-to-SVG 的库 —— 在 HTML 画布之上提供了一个交互式对象模型，以便更容易地处理多个可视化元素。这是一个长期存在的项目，v6 已经筹备了一段时间，并且最近发布了第一个候选版本。

Fabric.js

版本发布：

⭐ esbuild v0.21.0 – 这个版本的发布比版本号所暗示的更为重要，因为它引入了对 decorators 提案的支持（所以建议你在升级时进行额外的测试）。
Ionic v8.1 – 用于构建原生质量应用的跨平台 UI 工具包。
pnpm v9.1
AdonisJS v6.9
Playwright v1.44.0
Bunv 1.1.7
MSW (Mock Service Worker) v2.3 – API 模拟库。
Mantine v7.9 – 流行的 React 组件库。
node-oracledb v6.5 – Oracle 自家的官方 Node.js 数据库驱动，现在支持 Oracle 最新的向量搜索功能。
js-bson v6.7 – 适用于 Node 和浏览器的 MongoDB BSON 解析器。
d3-graphviz v5.4 – 从 Graphviz DOT 图形渲染 SVG。
validator.js v13.12.0 – 字符串验证函数。

686 期 - TypeScript v5.5 测试版发布

Yucohny,Zhper

title: 686 期 - TypeScript v5.5 测试版发布
editors:

Yucohny
Zhper
description: 它不会是最终版本（预计在一两个月内），但 v5.5 版本受许多人的期待，因为它有许多增强，包括推断类型谓词、通过注释在 JSDoc 中导入类型的能力、regex 语法检测、独立声明等等。

🔥 本周热门

▶ “为什么不推荐用const以及你很可能用错了" —— 这是一场 12 分钟的关于 const 和 let 错误用法的有趣演讲。这肯定会激起一些强烈的反应（在 Twitter 的帖子上可以看到），但请让他表达自己的观点！

Ryan Florence

TypeScript v5.5 测试版发布 —— 它不会是最终版本（预计在一两个月内），但 v5.5 版本受许多人的期待，因为它有许多增强，包括推断类型谓词、通过注释在 JSDoc 中导入类型的能力、regex 语法检测、独立声明等等。如果你需要更多实际的示例，Matt Pocock 🐦 写了一篇很好的 Twitter 帖子。

Microsoft

快讯：

The New Stack 有一个关于 Ryan Dahl 的专题以及他对打包、JSR 和 TypeScript 的看法。
MoonBit 是一个 WebAssembly 驱动的云平台，它现在也可以使用 JavaScript 作为后端并声称速度非常快。
你是否注意到 JSDelivr CDN 早些时候出了问题，原因如下。
Zachary Lee 有一个 React v19 测试版的快速指南，更多的采用代码指导的方法而非文字说明。

📒 教程与趣事

“我回顾了 1000 个关于 HTMX 的观点” —— htmx 是一种越来越流行的，通过创造性地使用 HTML 属性来使用现代的、动态的浏览器功能的方式，而非手动使用 JavaScript 编写一切。Dylan 主要从社区情绪的角度看待利弊。

Dylan Huang

Node v22 开始原生支持 CJS/ESM 的互操作性 —— 这是 Node 开发人员在使用 CommonJS 和 ECMAScript 模块时的新时代概述。

Zachary Lee

终于理解了 Array.sort(comparator) 是如何工作的 —— “在学习了 13 年的 JavaScript 之后，我终于有办法记住 Array.sort() 中的 comparator 函数是如何工作的……”

James Kerr

检测 CSS 中 JavaScript 的支持 —— 一种根据用户浏览器中是否有 JavaScript 并提供替代 CSS 规则的方法。

Ryan Mulligan

深入 JavaScript 沙盒 —— “发掘 Deno 中几个不同漏洞的旅程。”

Secfault Security

如何使用 Node 和 Fastify 构建文档优良且经过认证的 API

Julían Duque (Heroku)

使用 Vite 在 NPM 工作区中重建本地依赖

Prosopo

Vite 是什么(并且为什么如此流行）？

Eric Simons

从 jQuery 到 Vanilla JavaScript 的小窍门

Tobias Ahlin

何时使用 Bun 而非 Node.js

Antonello Zanini

🛠 代码与工具

extension.js：零配置、跨浏览器扩展开发入门 —— 我们的目标是使它像使用一句 npx extension create my-extension 就能开始构建自己的浏览器扩展一样简单。这是 GitHub 仓库

Cezar Augusto

Layer Cake：一个面向 Svelte 的图形框架 —— 该库为你提供了一个通过普通元素（例如坐标系统和比例）创建响应式 web 图形的基准。在这里查看许多示例组件。

Layer Cake

Tagify v4.2：一个优雅的标签输入组件 —— 这个精选的演示可见已经投入了大量的努力。这是 GitHub 仓库

Yair Even-Or

Journey.js：零依赖库创建交互式导览 —— 在线演示十分基础，但对可访问性的关注和 51 种语言的内置支持是加分项。

William Troup

📺 YouTube.js：非官方的 YouTube API 客户端库 —— “InnerTube” 是 YouTube 客户端使用的 API，你也可以使用它，尽管他们可能不喜欢这个 API。它可以运行在 Node.js、Deno 和现代浏览器上。

LuanRT

Virtual x86：基于 JavaScript 和 WASM 的 x86 虚拟化 —— 在浏览器中运行 Linux、许多旧版本的 Windows、BSD、MS-DOS 和其他系统(而且速度很快)。这不是一个新项目，但我总是会对它不断更新的方式印象深刻。这是 GitHub 仓库

Fabian Hemmer

版本发布：

⭐️ Svelte v5 发布候选版本 - "从现在到稳定版本之间没有预期的突破性变化。" 在一个简短的谈话种，▶️ Rich Harris 解释了新的改变。
Bun v1.1.6 – 现在支持 UDP 套接字，Array#sort 快了许多。并且 v1.1.5 引入了独立可执行文件的交叉编译。
Astro v4.7 – 还有一个关于项目整体新内容的综述。
😀 Emoji Mart v5.6 – 用于 web 的表情符号选择组件（如上图）。
✍️ Atrament v4.2 – 原生 javascript 实现的 canvas 画板框架。
📄 React-PDF v8.0 – 展示 PDF 的 React 组件。现在支持 React v19。
TanStack Virtual v3.5 – 用于虚拟可滚动元素的无头 UI。
TestCafe v3.6 – 自动化的端到端 web 测试框架。
Preact v10.21 - 3KB 的 React 兼容性代替方案。
jQuery UI v1.13.3

685 - Node、Deno 的作者详细介绍了 JSR 的诞生理念和目标

TimLi,loveloki

title: 685 - Node、Deno 的作者详细介绍了 JSR 的诞生理念和目标
editors:

TimLi
loveloki
description: Node、Deno 的作者不久之前发布了 JSR ，并写了篇文章详细介绍了它的诞生理念和目标。Node 在这周发布了 v22，带来了一些重要的增强功能。pnpm 也发布了 v9.0，放弃了对 Node 16 和 17 的兼容性。

🔥 本周热门

JSR 不是另一个包管理器 —- 当 Ryan 创建 Node 时，JavaScript 还没有包或标准模块系统。随着 npm 和 CommonJS 的流行，又诞生了像 Yarn 或 pnpm 这样在某些领域扩展了 npm 的工具，但在今天的 ES 模块时代，是时候进行转变了。JSR 不是一个新的 npm，而是 npm 的一种补充，使之更加安全且为现代开发量身定制。

Ryan Dahl

Node.js v22（Current）发布 —- 最新的、尖端的、主要版本的 Node 带来了一些关键的增强功能。v22 成为新的 ‘Current’ 发布版本（在 10 月份成为活跃的 LTS）。它增加了对 require-ing ESM 的支持，获得了一个内置的 WebSocket 客户端，升级到 V8 12.4，并包括了一个任务运行器（例如 node --run task_name）。这篇博客文章对此进行了更深入的探讨。

Rafael Gonzaga

pnpm v9.0：以效率为中心的包管理器 —- pnpm 长期以来一直是那些希望节省磁盘空间和 CPU 周期（或者因为它的优秀的 monorepo 支持）的人们的一个绝佳选择，同时保持了 npm 的大部分优点。v9.0 放弃了对 Node 16 和 17 的兼容性、尊重 package.json 中的 packageManager 字段、做了一些默认配置的更改以及采用了 Lockfile v9。

pnpm

快讯：

🙈 4 月 24 日是无 JavaScript 日，这是一个完全没有 JavaScript 的日子。目的是测试下你的网站能不能脱离 JavaScript 运行。
🇫🇷 dotJS 2024 是一个将于 6 月 27 日在法国巴黎举行的 JavaScript 会议。到目前为止，演讲者名单相当吸引人。
rcompat 是一个有趣的服务器 JS 互操作性和运行时兼容性层，让你可以避免 Node、Deno 和 Bun 之间的差异。

📒 教程与趣事

迁移项目到 Bun 的故事 —- Render 的一位工程师 Eric，详细介绍了他如何将他的 Sveld 项目迁移到 Bun（在过程中替换了 Yarn 和 Vitest），包括他遇到的一些小问题，以及最后的性能提升测试结果。

Eric Liu

2024 年前端开发者/工程师手册 —- 一份关于当前 webdev 景观的指南，涵盖了如何快速掌握编辑器、CSS、UX、UI、命令行、工具和框架、性能、可访问性等主题。

Cody Lindley

HTML 属性 vs DOM 属性 —- 它们是不同的，但经常被捆绑在一起。Jake 描述了它们的区别，以及为什么这很重要。

Jake Archibald

📄 使用 new URL() 的问题，以及 URL.parse() 如何解决这个问题

📄 Intl.Segmenter 对象现在是基线的一部分 – 可互操作的，区域敏感的文本分割。

📄 Angular 中的事件分发 – 新的事件委托系统的内部运作原理。

📄 TypeScript 推断类型谓词特性的诞生全过程

📄 向现有的 TypeScript 项目添加 ESLint 和自动修复

📺 在 React 和 Svelte 中使用 TC39 提议的信号

📄 如何对 script 标签中的 JavaScript 进行转义

🛠 代码与工具

📊 Unovis：一个模块化的数据可视化框架 —- 适用于 React、Angular、Svelte、Vue 或普通的 JavaScript/TypeScript。处理各种事情，从 Sankey 图到地图、图表、和弦图，以及传统的线/面图。v1.4 版本增加了以灵活方式注释可视化的支持。如果你想深入了解，这里有一个示例画廊（带有代码）。

F5, Inc.

ReScript v11.1 发布，改进了 JSX 支持 —- ReScript 是一个受 OCaml 启发的、类型化的语言，它编译为 JavaScript，并且语言中内置了 JSX 转换。JSX 支持以前仅用于 React 的用例，但现在也适用于 Vue、Preact 和其他方法。

ReScript 项目

typed-xlsx：功能丰富的类型安全 Excel 报告 —- 定义一个强类型的电子表格模式，然后直接从 JavaScript/TypeScript 填充和处理表格，例如为用户生成报告 - 示例代码。基于 SheetJS 封装。GitHub 仓库。

Cyprien Thao

Devalue v5.0：类似于 JSON.stringify，但是.. —- “当 JSON.stringify 无法完成任务时，它可以完成任务。” 即，它可以处理循环和重复的引用、正则表达式、Map 和 Set、自定义类型等等。

Rich Harris

imask.js v7.6.0：一个 Vanilla JavaScript 输入掩码 —- 防止用户输入无效值。根据需要，为 Vue、Angular、React、Svelte 和 Solid 提供插件。

imaskjs

browser-or-node v3.0：找出你的代码在哪里运行 —- 提供了一种简单的方法来判断你的代码当前是在浏览器中运行、在 Node 中运行、在 Web Worker 中运行，还是在 Deno 中运行。支持 ESM 和 CJS 导入。

Dinesh Pandiyan

版本发布：

MistCSS v0.4 —- 仅使用 CSS 创建组件，即 JS-from-CSS。v0.4 添加了 Hono 和 CSS 变量支持。
Accessible Autocomplete v3.0 —- 英国政府自己的自动完成输入组件。(示例。)
Mercurius v14.1 —- 在 Fastify 上实现 GraphQL 服务器和网关。
Vision Camera v4.0 —- 为 React Native 提供高级相机控制。
webdav-client v5.6 —- 适用于 Node 和浏览器的 WebDAV 客户端库。
🐍 JSPyBridge v1.2 —- 从 Node 运行 Python 或反之亦然。
MUI X v7.3 —- 受欢迎的 React 组件套件。
React Native v0.74
Electron v30.0 —- 现在基于 Chromium v124、V8 v12.4 和 Node.js v20.11.1。
Hexo v7.2 —- 用于博客的静态站点生成器。
Ember v5.8、Ionic v8、SWC v1.5、Knip v5.10.0

684 - Quill v2.0 发布：强大的 Web 富文本编辑器

TimLi,loveloki

title: 684 - Quill v2.0 发布：强大的 Web 富文本编辑器
editors:

TimLi
loveloki
description: Quill 刚刚发布了 2.0 版本，这是一个开源的所见即所得编辑器的重大发布。新版本完全使用 TypeScript 进行重写并根据现代浏览器新特性进行了改进，而且还有更多正在开发中的功能，比如它的 ESM 打包。

🔥 本周热门

Quill v2.0：强大的 Web 富文本编辑器 —— 这是一个开源的所见即所得编辑器的重大发布。在 Quill v2.0 发布这篇文章中，我们了解到 Quill 完全使用 TypeScript 进行重写并根据现代浏览器新特性进行了改进，而且还有更多正在开发中的功能，比如它的 ESM 打包。想要尝试一下吗？这里有一个在线体验。

Slab Inc.

Airbnb 的详尽的 JavaScript 风格指南 —— 自从我们提到这个受欢迎的、有自己观点的风格指南已经过去了好几年，但是它一直在进行小的调整和修复，仍然是一个值得参考的指南。

Airbnb

升级 jQuery：朝着健康的 Web 进行努力 —— jQuery 仍然遍布整个 Web，jQuery 团队和 OpenJS 基金会联手确保网站得到更新。他们的 “健康 Web 检查” 工具可以告诉你一个网站上的 jQuery 版本是否过时。

Timmy Willison (jQuery)

Biome v1.7：更快的格式化和 Linting，现在更容易迁移 —— Biome 是一个越来越引人注目、全能的支持 JavaScript、TypeScript 并且兼容 Prettier JSX 的格式化器和 linter。v1.7 使它更容易从 ESLint 和 Prettier 迁移，可以生成机器可读的 JSON 报告，并且有一些规则更新。

Biome Core Team

快讯：

🤡 ▶️ 2024 年高级 JS 开发者面试是对现代开发状态和日益复杂的生态系统的讽刺看法。
📺 Bartek Szwej 整理了一份过去一年的 300 个 JavaScript 相关视频的列表，按照他们的 YouTube 观看次数排序。
f(x) (又名 fx) 是一个查看 JSON 数据的强大的 CLI 工具。现在它包括一个 JS 引擎，所以你也可以在终端用 JavaScript 单行代码处理 JSON。
Joyee Cheung 分享了一份 Node.js 最新协作峰会的旅行报告，其中涉及了 Node 团队最近正在思考的话题。
Deno 的人们深入讲解了他们如何构建 JSR 这个最新的 JavaScript 注册表，以及它如何在大规模运行。
"更快的 JSX 元素创建" 正在为 React 开发者开发中。

📒 教程与趣事

使用 TypeScript 和 oclif 从零开始构建 CLI — oclif 是由 Salesforce 维护的一个成熟的 CLI 工具开发框架。这个教程从零开始，直到构建出一个可以运行的东西。

Josh Cunningham

Qwik 与 Next.js：哪个更适合你的下一个网络项目？ — 一场 Qwik 与 Next.js 的详细比较，以及作者为什么认为 Qwik 获得了胜利。

Samuel Mendenhall (Cisco)

React 服务器组件中的 CSS — 探索 React 服务器组件与像 styled-components 这样的 CSS-in-JS 库之间的兼容性问题。

Josh W Comeau

使用 Chrome 的性能面板分析 Node.js 性能 — 学习如何使用 Chrome 的性能面板来分析 Node 的性能。(JS 分析器将在 Chrome 124 中被移除，所以你需要熟悉新的方法。)

Chrome for Developers

可视化算法 — 这篇精彩的文章现在已经十年了，但我最近重新阅读了它，真是一种享受。Mike Bostock（D3.js 的创造者）通过演示和代码引导我们了解一些算法。

Mike Bostock

📄 跟上 Node 风格的生态系统 — Mux 如何更新其旧版 Node SDK 以适应新的 JS 运行时。- Dylan Jhaveri (Mux)

📄 使用 React Three Fiber 构建一个交互式的 3D 事件徽章 - Paul Henschel (Vercel)

📄 深入探讨 Rspack 和 Webpack 的 Tree Shaking - hardfist

📄 我在 Vue 中比在 React 中更喜欢的东西 - Jaydev Mahadevan

📄 使用 Vanilla JS 将纯文本转换为编码的 HTML - Alexis Kypridemos

🛠 代码与工具

TresJS：使用 Vue.js 构建 3D 体验 — 使用 Vue 组件和 Three.js 创建 3D 场景。想象一下 React-three-fiber 的 Vue 版本。如果你想快速尝试一下（字面意思），这里有一个在线 Demo。

Alvaro Sabu

Next.js v14.2 发布 — 拥有超过100 万的月活跃开发者的 Next.js 即将迎来其八岁生日并发布了一个新版本，支持使用 Turbopack 来改善本地开发、内存使用、CSS 和缓存优化、改进错误信息等。

Delba de Oliveira 和 Tim Neutkens

Otto v0.4：Go 中的 JavaScript 解析器和解释器 — 一个用 Go 原生编写的 JavaScript 解析器和解释器（是的，我们有一个新闻简报），如果你想在 Go 应用中添加脚本，这可能会很有用。

Robert Krimen

Wedges：React 的 UI 组件集合 — 由 Lemon Squeezy 的团队构建和使用，这是一套基于 Radix UI 和 Tailwind CSS 的组件，设计精良，美观大方。你还可以下载一个 Figma 文件，用于模拟布局。GitHub 仓库。

Lemon Squeezy

HyperFormula：无头电子表格系统 — 一个无头电子表格系统 - 它提供了电子表格的解析、评估和表示，如果你使用的话需要自己提供 UI。它声称与 Excel 有“几乎完全的兼容性”。注意它使用 GPLv3 和商业许可证的双重授权。

Handsoncode

svelte-dnd-action：Svelte 的基于动作的拖放容器 — 大胆地声称它 “支持几乎所有可以想象的拖放用例，任何输入设备，并且完全可访问。”

Isaac Hagoel

⚙️ Zoompinch：Vue 3 的自然感觉 '捏放大' 功能 – 预计将在 React 和 Web Component 中出现。 - Maurice Conrad

⚙️ Craft.js – 一个用于构建拖放页面编辑器的 React 框架。 - Prev Wong

⚙️ Kotekan – 一个基于 Bun 并支持 React Server Components 的简单 React 框架。 - Benedikt Müller

⚙️ Cytoscape.js v3.29 – 图论/网络可视化和分析库。

⚙️ Tailwind Next.js Starter Blog v2.2 – 一个博客启动模板。

⚙️ RxDB v15.18 – 面向 JS 应用的离线优先、反应式数据库。

⚙️ JZZ v1.8.2 – 适用于 Node 和浏览器的 MIDI 库。

⚙️ Ember.js v5.8

683 期 - React 之外的前端开发：Svelte

Yucohny,Jojo,TimLi

title: 683 期 - React 之外的前端开发：Svelte
editors:

Yucohny
Jojo
TimLi
description: 本期介绍了一篇文章，其深入研究了一位开发者如何使用 Svelte 构建现代前端应用程序的。如果你从未尝试过 Svelte，这是一个介绍关键概念、权衡和技巧的好起点。

🔥 本周热门

React 之外的前端开发：Svelte —— 一篇深入研究一个开发者如何使用 Svelte 构建现代前端应用程序的令人惊讶的全面文章。如果你从未尝试过 Svelte，这是一个介绍关键概念、权衡和技巧的好起点。

Héla Ben Khalfallah

🛠 用于玩转 TC39 Signal 提案的 JavaScript Bin —— 上周，我们介绍了向 JavaScript 添加 Signal 的提案，现在通过 polyfill 就可以开始尝试了。

NullVoxPopuli

快讯：

Val Town 是一个非常棒的在线平台，可以直接从浏览器编写和部署 TypeScript 函数，并且刚刚完成了 550 万美元的融资。
set 方法提案在本周的 TC39 会议上晋升至 Stage 4。Promise.try 和 Math.sumPrecise 晋升至 Stage 2.7。
🚗 你了解使用 JavaScript 黑客攻击一辆汽车会发生什么吗？
对最近 ngConf 2024 活动中 Angular 发展的回顾。

📒 教程与趣事

开发 Figma 插件 —— 这篇文章介绍了关于使用 JavaScript 开发 Figma 插件的一些有趣观察，包括它们如何被沙盒化以及作者实现插件的一些细节。

Tom MacWright

一些开发者工具的提示和技巧 —— 作者表示，大多数开发人员只是浅尝辄止开发者工具的功能，这篇文章分享了十个技巧。

Pankaj Parashar

JavaScript 引擎中的对象结构 —— 如果想要了解对象在 JavaScript 引擎的内部表示，那么可以看看这篇文章。

Frontend Almanac

使用 Upstash、Fly 和 OpenAI 构建文章推荐系统

Rishi Raj Jain

不存在的浏览器安全漏洞：PDF 中的 JavaScript

ericlaw

🛠 代码与工具

Madge v7.0：从模块依赖关系创建图表 —— 一个用于生成模块依赖关系的可视化图表的工具，可以找到循环依赖，并发现其他有用的信息。

Patrik Henningsson

PythonMonkey：Python VM 中的 JavaScript 引擎 —— 如果你需要使用 Python，但也想运行 JavaScript，这个工具可以让你通过将 Mozilla SpiderMonkey JavaScript 引擎嵌入到 Python 运行时中，由 Python 提供主机环境来实现。

Distributive

Faces.js：用于生成基于矢量的卡通脸部的库 —— 最终结果让人想起了 Nintendo Wii 上是如何创建自己的角色的。脸部以 SVG 的形式绘制，每个脸部也由一个 JavaScript 对象表示，所以你可以稍后再次绘制它们。

ZenGM

Color.js v0.5：遵循最新的处理规范 —— 一个用于在浏览器中处理颜色的出色库，遵循最新的规范。它甚至已经被浏览器用来测试他们的 CSS Color 4/5 实现。

Lea Verou 和 Chris Lilley

Kosko：用 JavaScript 组织 Kubernetes Manifests —— 版本 v4.1 刚刚发布，带有一个新的插件系统。

Tommy Chen

版本发布：

ESLint v9.0 – 一个重要的版本，带有大量的清理，一个新的 no-useless-assignment 规则，以及众多的调整和改变。
VitePress v1.1 – Vite & Vue 驱动的静态站点生成器。
npm v10.5.2 – 现在 npm 可以更快地运行脚本，尽管只快了大概 30 毫秒。
Mikro ORM v6.2 – 基于 Data Mapper 的 Node.js 的 TypeScript ORM。SQL Server 和 libSQL/Turso 加入了支持的数据库列表。
Rspack v0.6 – 快速的基于 Rust 的 web 打包器。
Pixi.js v8.1 – 快速的 WebGL 和 WebGPU 2D 图形引擎默认切换回 WebGL，因为浏览器支持还不成熟。
DOMPurify v2.5 – 快速的 HTML 和 SVG 的 XSS 清理器。
Reveal.js v5.1 – 用于构建 HTML 展示的框架。
Xterm.js v5.5 – 在 Web 上创建终端体验。
TIFF v6.0 – 纯 JavaScript TIFF 图像解码器。
Shiki v1.3 – 强大的语法高亮器。

682 期 - 向 JavaScript 添加 Signal 的提案

Yucohny,Zhper,Jojo,TimLi

title: 682 期 - 向 JavaScript 添加 Signal 的提案
editors:

Yucohny
Zhper
Jojo
TimLi
description: 本期介绍了一个非常早期阶段的提案，旨在为 ECMAScript/JavaScript 带来一个新特性：Signal！这个提案汲取了众多流行框架的思想，并试图让大家在处理状态和基于状态变更进行更新时达成一致。Rob 对提案进行了更多的介绍。

🔥 本周热门

向 JavaScript 添加 Signal 的提案 —— 这是一个非常早期阶段的提案，旨在为 ECMAScript/JavaScript 带来一个新特性：Signal！这个提案汲取了众多流行框架的思想，并试图让大家在处理状态和基于状态变更进行更新时达成一致。Rob 在这里对提案进行了更多的介绍。

Rob Eisenberg 与 Daniel Ehrenberg

JS-Torch：一个类似 PyTorch 的 JavaScript 库 —— Python 的 PyTorch 是机器学习库中的黄金标准之一，而这个项目将其一些特性直接带入了 JavaScript 世界。这里有一个基于浏览器的实时演示。虽然现在还处于早期阶段，但这个项目可能会变得重要。

Eduardo Leao

Bun v1.1 发布：开始支持 Windows —— 以轻松的代号 Bundows 命名，这个替代服务器端运行时现在可以直接在 Windows 10 及以上版本（当然还有 WSL、macOS 和 Linux）上运行。这是其被采纳的关键步骤，甚至像 Bun Shell 这样的特性也能在 Windows 上开箱即用。同时，Node 的兼容性继续提高，开始支持 node:http2 和 Bun 和 Node 进程之间的 IPC 支持。

The Entire Bun Team

快讯：

V8 团队的 Samuel Groß 解释了 V8 沙箱，这是一种安全机制，旨在防止 V8 引擎中的内存损坏影响到进程中的其他内存。
Dexie.js 是一个流行的 IndexedDB 封装，其创建者已经推出了 Dexie Cloud，这是一个平台，用于存储和同步应用程序之间的数据。
Svelte 的 Rich Harris 在自闭合 HTML 标签及其对 Svelte 影响的误解后感到震惊。
🤡 有一个奇特的 JavaScript 主题的愚人节玩笑，宣布为域名提供 .js 顶级域。遗憾的是，这不是真的，但如果你想要一些类似的东西，那么确实有 js.org。
关于 Angular 和 Wiz 合并的官方更新。

📒 教程与趣事

什么才算 JSON 数字？ —— 尽管 JSON 有着标准，但答案比你想象的要复杂得多，尤其当涉及到与其他生态系统和非 JavaScript 语言相接时。

Brian Terlson

Dart 中 JavaScript 交互操作的历史 —— 大约 12 年前，谷歌推出了 Dart，一种最初似乎要接管许多 JavaScript 用例的语言，但最终找到了自己的定位（尤其是结合 Flutter）。不过，JavaScript 的交互操作性依然重要，并且在 Dart v3.3 中得到了显著改进。

Sigmund Cherem (谷歌)

介绍 BFCache —— 向后/向前缓存（也就是 bfcache）是一种浏览器优化，让你在浏览器中有更快的向前向后的体验 —— 它已经存在多年，通常需要你独自作为 JavaScript 开发人员，但同时有一些事情值得注意。

Sabatino Masala

直接在浏览器中对 PDF 和图像运行 OCR —— 在后台查看如何使用 JavaScript 创建一个简单的工具来对拖到页面上的图像和 PDF 执行 OCR。

Simon Willison

访问最后一个数组元素的简单方法

Ignace Maes

JavaScript CRDT 的比较

Alexis Métaireau

🛠 代码与工具

Cally：小型、功能丰富的日历组件 —— 一个包含选择单个日期或日期范围的开源日历组件集合。与框架无关，可主题化，本地化，并且具有可访问性（甚至有一个可访问性声明展示了其对这一领域的承诺）。

Nick Williams

📊 Counterscale：在 Cloudflare 上运行的可扩展 Web 分析 —— 一个简单的网络分析跟踪器和仪表板，旨在通过在 Cloudflare 上托管（在某些特定级别上还是免费的）、易于部署和维护。

Ben Vinegar

🎵 Tonal.js：音乐理论库 —— 充满了用于操纵音乐元素如音符、音程、和弦、音阶、调式和调性的函数，被用作其他与音乐相关的项目的基础。这是 GitHub 仓库。

danigb

Fancy-ANSI：将 ANSI 文本转化为 HTML —— 如果出于某种原因想要将带有 ANSI 转义码的文本转换为 HTML，那么这个工具将会很适合你。它的主页提供了许多示例。这是 GitHub 仓库。

Andres Morey

Dioma：Vanilla JavaScript 和 TypeScript 的依赖注入容器 —— 没有装饰器，没有注解，没有魔法，没有依赖性——只需将 static scope 属性添加到类中，并使用 inject 来获取一个实例。

Eugene Daragan

svelte-zoomable-circles：用于浏览分层数据的 Svelte 组件 —— 一个用于显示和浏览分层数据的 Svelte 组件，使用可缩放的圆圈。这是在线演示。

Tyler Berbert

版本发布：

Deno v1.42 – 可替代性的 JavaScript 运行时现在首次支持 JSR，并进一步提升了与 Node.js 的兼容性。
Babylon.js v7 - 这是官方网站，这是备受欢迎的渲染引擎的重要版本发布。
Node.js 2024 年 4 月 3 日安全更新
Docusaurus v3.2 – 这是一款流行的内容/文档站点生成器。
Gulp v5.0
VineJS v2.0 – 这是一个用于 Node.js 的表单数据验证库。
PGlite v0.1.1 – 这是一个轻量级的 Postgres 包，以 WASM 的形式打包成一个 TypeScript 库，可在浏览器、Node.js、Bun 和 Deno 中使用。现在支持 Postgres 数组类型。
TS-Pattern v5.1 – 这是一个具有智能类型推断的模式匹配库。
ical.js v2.0 – 这是一个用于解析 ICS（RFC5545）和 vCard（RFC6350）数据的解析器。
Minimatch v9.0.4 – 这是一个用于模式匹配的全局匹配函数，被 npm 自身使用。
vue-tel-input v9.0 – 这是一个用于 Vue 的电话号码输入组件。欢迎查看演示。
OverlayScrollbars v2.7 – 这是一个用于定制滚动条的 JavaScript 插件。
Octokit.js v3.2 – 这是一个一应俱全的 GitHub SDK。

681 期 - 通过动画彻底弄懂 Promise 执行原理

TimLi,Yucohny

title: 681 期 - 通过动画彻底弄懂 Promise 执行原理
editors:

TimLi
Yucohny
description: 本期介绍了一篇带有图解和动画的文章，配以一个 8 分钟视频，深入介绍了 Promise 的工作方式以及其在后台的调度方式。鉴于 Promise 是 JavaScript 中异步函数的基础，对这些机制有一个良好的心智模型是很有用的。

JavaScript 可视化：Promise 执行 —- 这是一篇带有图解和动画的文章，配以一个 8 分钟视频，深入介绍了 Promise 的工作方式以及其在后台的调度方式。鉴于 Promise 是 JavaScript 中异步函数的基础，对这些机制有一个良好的心智模型是很有用的。

Lydia Hallie

▶ Node.js：起源故事的纪录片 —- 这部纪录片有一个小时长，但它非常好地覆盖了 Node 的历史，包括 2014 年一切如何酝酿到 io.js 的分支。或许可以在复活节周末观看？

Honeypot

快讯：

Node.js 技术指导委员会已确认没有意图从主 Node 分发中移除 npm。
Bun 是否已经支持 Windows 了？不，但 Bun v1.1 将支持 Windows，据说即将发布……
一个简单但有用的 Web Component 示例，在一个 GitHub Gist 中。
RunJS Play 是一个整洁的基于 Web 的 JavaScript 游乐场，它在每一行旁边显示即时的实时反馈。
Vercel 现在完全支持 Node.js v20，适用于构建和函数。

📒 教程与趣事

一览 ECMAScript 的迭代器助手方法 —- 这个提案已经有几年的历史了，但现在在 TC39 的 stage 3 中，迭代器助手正在被实现并与 V8 12.2/Chrome 122 一起发布。这些助手是像 .map，.filter，.take 和 .forEach 这样的函数，并且可以提供给其原型链中有 Iterator.prototype 的任何对象。

Rezvan Mahdavi Hezaveh (V8)

介绍 Waku 的 Page Router —- Waku 是一个有趣的最小化服务器端 React 框架，现在它也为现代 React 服务器组件时代带来了一个最小化的 API：“现在，创建一个 Waku 站点就像在 ./src/pages 目录中创建一些文件和文件夹一样简单”。

Sophia Andren

需要知道的关于现代 CSS 的知识 —- 这是一份指南，列出了 CSS 的最新添加项（想想嵌套、视图转换，以及 :has() 等）。JavaScript 也在其中有出现，用于增强或者填充现代 CSS 功能。

Chris Coyier

构建一个微型 HTMX SSR 框架 -— Matteo 基于早期的关于创建一个“电影引语”应用程序的教程，探索了一个可以使用的替代后端堆栈，基于 Fastify、Vite 和 HTMX。

Matteo Collina

认识 Angular 的新 output() API —- Outputs 允许组件作者向父组件发出值。

Paul Gschwendtner（Google）

我们在三周内用 Svelte 重写了我们的 React 应用程序

Dusty Phillips

如何使用 Web 蓝牙 API

Confidence Okoghenun

🛠 代码与工具

Trix 2.1：一个干净、丰富的 Web WYSIWYG 编辑器 -— 一个由 37signals（被誉为 Ruby on Rails 的发源地）开发的 WYSIWYG 编辑器。它被用在他们的 Basecamp 和 HEY 应用程序中，所以它经过了最严格的测试。这是 GitHub 仓库。

37signals

Atlassian 的实用拖放框架 -— 一个注重性能的拖放库，可以用来在任何前端堆栈上提供体验。页面上有一个实时演示，以及 Alex Reardon 的演讲录音，介绍了创建它的动机和它的工作方式。

Atlassian

Create Vue3 App：一个新的 Vue 应用脚手架工具 -— 受到像 Create React App 这样的工具的启发，这个工具使用 Vite 来帮助启动一个新的基于 Vue 的应用程序，使用的工具基于对一系列问题的回答。

Selemon Brahanu

<relative-time> v4.4：将时间戳格式化为本地化的相对时间 —- 向这个 Web Component 提供一个标准格式的日期和时间，它会渲染出适合的文本。它实际上在 GitHub 本身的各处都有使用（在提交时间上使用 Inspect Element）。欢迎查看演示。

GitHub

DOM3D.js：在 GitHub Gist 中的 3D DOM 查看器 —- 将这些代码复制并粘贴到浏览器控制台内，可以获得 DOM 的 3D 视图，这个效果很奇特，但很好玩。

Orion Reed

版本发布：

VitePress v1.0 –- 强大的静态站点生成器。
Neutralinojs v5.1 –- 另一种跨平台桌面应用程序框架。
Babylon.js v7.0 -– 强大的游戏和 3D 渲染引擎。还没有官方的发布帖子，但预计今天晚些时候会有。
Radix Themes v3.0 –- 强大的前端组件库。
Node.js v20.12.0 (LTS)
Node v18.20.0 (LTS)
Deno v1.42.0
Vite v5.2
TypeChat v0.1
Chromatic v3
PGlite v0.1 –- 轻量级的 Postgres，打包为 WASM，作为一个 TypeScript 库，用于浏览器、Node.js、Bun 和 Deno。
npm-publish v3.1 –- 用于发布包到 npm 的 GitHub Action。
AdminJS v7.8 –- Node.js 应用程序的自动管理界面。
Slonik v39.3 -– 具有类型安全的 Node.js Postgres 客户端。
react-three-fiber v8.16 -– Three.js 的 React 渲染器。