前端周刊第六期

  • 2022 年 2 月 14 日
  • 筆記

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

大事件

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

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

文章

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

  2. 用 HTML 替换 JavaScript 对话框(部分)

    — 如何在某种程度上用 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 之前清理内容。