前端周刊第六期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。

如果外链不能访问，关注公众号前端每周看，里面有解决办法

大事件

• Apache ECharts 5.3：开源 JS 可视化库——发行说明详细介绍了最新版本中的内容，包括关键帧动画、自定义加载动画以及性能提升 2-10 倍的新 SVG 渲染器。

• 跳过 JavaScript？一些后端语言是如何进入前端的——你可能认为这是关于使用 WebAssembly 在浏览器中运行 Python 之类的，但不是。这是关于维护与后端进程的 WebSocket 连接并从后端动态渲染 HTML 的日益流行，如现代 Elixir 和 Rails 堆栈中所见。值得深思！

文章

1. Angular 编译器的工作原理 — Angular 编译器（称为ngc）是用于编译 Angular 应用程序和库的工具。这篇文章深入探讨了它的作用以及它是如何做到的。

2. 用 HTML 替换 JavaScript 对话框（部分）<dialog> — 如何在某种程度上用 HTML 对话框元素替换 JavaScript 对话框，该元素提供与 、 和 方法类似alert()的confirm()功能prompt() 。

3. Deno 简介：它比 Node 更好吗？ - 我们已经多次提到来自 Ryan Dahl 的Deno，就像 Node.js 最初所做的那样，但是如果你还没有检查过，这篇文章涵盖了关键特性，以及 Deno 领先或落后的地方。

4. 编写我自己的构建系统：将 Gulp 概念与现代 JS 耦合 - 作者发现 Gulp 对流的依赖使得扩展变得复杂，并展示了使用异步生成器解决同一问题的不同方法。

框架发布

1. Vite 2.8.0 – 下一代前端工具。
2. RedwoodJS 0.45.0 – 边缘可部署的全栈 JS 框架。
3. MikroORM 5 - 用于节点的数据映射器 ORM。
4. AdminJS 5.6 – 内置在 Node.js 中的管理面板。
5. npm 8.5.0
6. Ember.js 4.2.0

代码和工具

1. zx 5.0：用 JavaScript 编写更好的 Shell 脚本：谷歌并没有懈怠，zx一年内发布了第四个主要版本。bash与其使用类似将快速脚本组合在一起的东西，不如使用zxJavaScript 提供相同的功能。v5.0增加了内置的 YAML 支持。
2. Griffel: CSS-in-JS with Ahead-of-Time Compilation：来自 Microsoft，另一个 CSS-in-JS 选项。这个拥有近乎零的运行时、SSR 支持和使用 JS 对象定义的样式，以及其他特性。
3. Fable 3.7：成熟的 F# 到 JavaScript 编译器：F#是来自 MS/.NET 稳定版的“功能优先”语言，我总是对它的阅读效果感到震惊。如果您想尝试为前端构建东西，请查看此在线 REPL，其中有一些示例可供修改，包括一个小马里奥（上图）。
4. puppeteer-to-playwright：Puppeteer 到 Playwright 转换脚本：如果你想在两个流行的浏览器自动化系统之间迁移，这可能会有所帮助。
5. P42 JavaScript Assistant: Refactoring Hints and Automation for VS Code： 一个 Visual Studio Code 扩展，为您的编辑器带来 67 种自动重构和快速修复常见 JS、TS 和 React 问题，因此您甚至可以在使用普通 linter 之前清理内容。