前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
如果外链不能访问，关注公众号「前端每周看」，里面有解决办法

大事件

• Node.js 的架构、事件循环和并发性概述—— 我们最喜欢的使用 JavaScript 的医生正在写一本新书（ “使用 Node.js 编写跨平台的 shell 脚本”），我们可以享受他的劳动成果，包括这是对 Node 基本部分的简洁但高度技术性的概述。

• 介绍信号：默认情况下快速的反应状态原语——信号提供了一种表达状态的反应方式（以一种非常自然的方式，感觉就像使用普通值），这样应用程序无论复杂度如何都能保持快速。它针对的是 Preact，它是React 的更苗条的替代品，但可以通过猴子补丁与常规 React 一起使用。

• Next.js Conf 2022——将于今年 10 月举行，它是在线的，无需注册。Next.js 也有一个新的标志。

文章

1. 使用 AI 将测试从 Cypress 移植到 Playwright — 如果为集成测试切换库听起来很无聊但很有必要，也许 AI 可以减轻一些压力？Gajus 试了一下，取得了一定的成功。

2. 时间 API：管理日期和时间的新方法？ — 这些年来，我们已经多次提到这一点（Axel 博士在 2021 年撰写了这份详尽的指南），但它仍然只是“开发中”，还没有得到广泛的支持。不过，有一个 polyfill，它确实是一个方便的 API，所以你可能想复习一下。

3. 使用运动创建 F1 风格的图形 — 一级方程式的车迷可能还记得 2021 赛季的激烈过渡。Remotion（一个可以从代码生成视频的库）的作者以只能被描述为记录单圈时间的方式完成了它的重新创建。

框架发布

1. Node.js v18.9.0 – 一个非常小的版本。

2. Next.js 12.3 – 流行的 React 框架。

3. Jasmine 4.4
   ↳ 用于浏览器和 Node.js 的简单测 试框架。

4. Ember.js 4.7 – 长期存在的框架。

5. sql.js 1.8
   ↳ SQLite 编译为 JavaScript。

6. React Calendar 3.8
   ↳ 用于 React 应用程序的日历组件。

7. Fresh 1.1
   ↳ Deno 的全栈 Web 框架。

8. size-limit 8.1 - 性能预算工具。

9. Serverless Offline 10.0
   ↳ 在本地模拟 AWS Lambda 和 API Gateway。

10. react-cytoscapejs 2.0
    ↳ 用于网络可视化的 React 组件。

11. Discordeno 14.0
    ↳ 用于 Deno 的 Discord API 库。

12. HotKeys 3.10 ↳ 长期低占用空间输入捕获。

13. Binary Parser 2.2 ↳ 以声明方式编写快速的二进制数据解析器。

代码和工具

1. GradeJS：扫描生产中使用的模块的 Webpack 包：即使您无法访问网站的原始源，此工具也可以尝试找出使用了哪些 npm 包，即使是缩小或摇树的包（如果使用了 webpack 3-5）。

2. El: A Tiny Web Component-Based UI Framework：简短而甜蜜的定义。你在 150 行中得到了很多，包括一个内置的可观察存储和具有单向绑定的反应模板。想想一个非常轻量级的 React/Vue 与 Lit 混合。这是一个在其上创建待办事项列表应用程序的文件示例。

3. ZIPMonster：美国邮政编码数据和功能：将美国邮政编码系统整合到一个库中，让您可以进行各种查询，包括在整个美国导航，如果您愿意的话。

4. Shumani：使用 Bun + Flashlight 的快速机器学习库：看到 Facebook 的研究部门使用Bun很有趣——这个实验项目的早期阶段。

5. JSON Hero：一个漂亮的 JSON 查看器：粘贴一些 JSON 或输入一个 JSON 文件的 URL，这个工具提供了一个干净漂亮的 UI，其中包含许多功能。

6. DgrmJS：用于创建 SVG 图表的库：特别适用于流程图。