前端周刊第三十九期

「前端每周看」，里面有解决办法

大事件

• Intl Explorer：一种学习和试验 ECMAScript 国际化 API 的方法—— 所有主流浏览器都支持 Intl 对象，它提供对 ECMAScript 国际化 API 的访问，这是一套用于语言敏感字符串比较、数字格式化等的函数。该站点提供了一种交互式方式来了解其运作方式。

• 使用 V8 创建您自己的 JavaScript 运行时—— 想要通过创建自己的 JS 运行时加入到因创建 Node、Deno 和 Bun 等而闻名和受人尊敬的开发人员的万神殿中吗？埃里克带我们深入了解主要的活动部分，并向我们展示了如何为自己将它们联系在一起。虽然你可能不会为自己构建下一个 Deno 或 Bun，但这里有很多关于 JS 运行时的知识。

• Node v18.11.0（当前）发布；获得“观察模式”—— Node 的最新版本并没有获得太多收益，但确实获得了一个实验性的 --watch 功能，该功能可以在导入的文件发生更改时自动重新启动正在运行的进程（让人想起 nodemon）——这个功能最近被详细讨论过。

• Lerna Reborn：第 6 版有什么新功能？ —— 在 Nrwl 的管理下，面向 Lerna monorepo 的 JavaScript 构建系统远没有被淘汰或被弃用，它正在向前迈进一大步。 v6 在默认情况下通过高效的任务调度和缓存、VS Code 扩展、Prettier 支持等获得了很大的速度。

文章

1. React 渲染的未来 — 首先回顾当前模式 (CSR/SSR)，然后转向一些新的渲染模式，例如流式 SSR 和服务器组件。这也是最近在 React Bangalore 演讲的基础。

2. 选择最好的 Node.js Docker 镜像 — 如果你想把 FROM 节点扔到你的 Dockerfile 中，再想一想——还有其他选择需要考虑。

3. 为什么我们在 2022 年使用 Babylon.js 而不是 Three.js — Blender 插件、微软的支持以及 Babylon 相当先进的检查器工具都赢得了 Gordon 的团队的支持。

4. 我如何在 13KB 中创建 GameBoy 风格的游戏 — 一位开发人员解释了他的 js13KGames 2022 条目（我们上周链接到了获胜者）。

5. 面向前端开发人员的全栈：构建您的第一个 AWS Amplify 和 React 应用程序 — Ali Spittel 在 AWS Amplify 领导开发宣传，并发布了一系列关于使用 Amplify 平台进行端到端开发的免费课程中的第一个。

6. 如何使用 React、SSR 和 Tailwind CSS 构建 SVG 折线图 — 如何在基于 Next.js 或 Gatsby 的服务器端渲染的 React 应用程序中滚动您自己的基于 SVG 的折线图。

框架发布

1. Volar 1.0 – Vue.js 的官方 IDE 工具支持。

2. Ant Design 5.0 Alpha – 流行的 React UI 库。

3. Rollup 3.1 – ES 模块捆绑器。

4. RxDB 13.5 – JS 应用程序的离线优先反应式数据库。

5. Qwik 0.11 - 'No hydration'，HTML 优先的框架。

6. Jest 29.2 & Cypress 10.10 – 测试框架。

7. SlickGrid 3.0
   ↳ 快速 JavaScript 网格/电子表格控件。 （演示。）

8. Faker 7.6 – 假数据生成库。

9. React Tooltip 4.4 – 你可以猜到它的作用。

10. Mineflayer 4.5 – 用 JS 构建 Minecraft 机器人。

11. CsvToMarkdownTable 1.2 - 将 CSV 转换为 Markdown 表。

代码和工具

1. Javet 2.0.0：在 Java 应用程序中嵌入 Node 和 V8：让您在基于 JVM 的应用程序中启动 V8 解释器或完整的 Node.js 运行时。有一个幻灯片演示可以向您介绍这个想法并演示集成的工作原理。 Javet 这个名字来自“Java、V 和八”。

2. Knip：在 TypeScript 项目中查找未使用的文件、依赖项和导出：Knip 在荷兰语中意为“剪切”，适用于修剪掉项目中未使用的东西的工具。为了将其与现有的类似工具进行比较，有这张方便的图表。

3. Editly 0.14.0：声明性命令行视频编辑：将 Node 和 FFmpeg 结合在一起，让您以编程方式编辑和构建视频，而不是使用神秘的 ffmpeg 命令行选项。

4. 可排序：使用拖放创建和重新排序列表：该库支持所有现代浏览器和触摸设备，通过自动滚动、CSS 动画、多拖动支持等处理列表到列表的拖动。

5. React 表库：“几乎无头”表库：有一个有趣的展示网站展示你可以用它做什么。它在客户端和服务器端都很满意，并且也支持 TypeScript。

6. melonJS 14.0：一个轻量级的 2D 游戏引擎：它已经有十多年的历史了，但仍然很强大。虽然它是 2D 的，但它会使用 WebGL 来提高性能（如果可用）。还提供 Web Audio API 支持、基于多边形的碰撞检测、输入设备支持等。

7. React Modern Audio Player：具有波形可视化功能的音频播放器：在此处查看实际操作。