前端周刊 | 编程版“阿法狗”打败一半程序员; Node.js 将支撑 Fetch API; Electron 17 发布

开工第一天，也是新年的第一期前端周刊，快来看看本周发生了哪些新鲜事吧！

科技趣闻

1. 编程版“阿法狗”打败一半程序员

2022年2月4日，DeepMind 的 Alpha 宗族再添一名新成员：会刷编程竞赛题的AlphaCode！AlphaCode 参加了闻名网站 Codeforces 最近举办的10场编程竞赛，成果超过了一半人类。AlphaCode 在10场竞赛中排名前54.3%，Elo评分1238。

关于 AlphaCode 的具体介绍：https://deepmind.com/blog/article/Competitive-programming-with-AlphaCode

2. Node.js 将支撑 Fetch API

Node.js v17.5 引进了对fetch() 的支撑，这是一种盛行的跨渠道 HTTP 客户端API，可在浏览器和Web/服务器中运用，是一种实验性的中心功用。

fetch() 的支撑是许多人长期以来要求增加的功用，他们期望编写跨渠道HTTP恳求代码，而且了解fetch() API的形状和调用形式。因而，node-fetch 模块的存在仅仅为了在Node.js 中弥补此功用。好消息是，在未来将不再需求额定的模块，Node.js 将支撑该API。

详见：
https://fusebit.io/blog/node-fetch/?utm_source=javascriptweekly.comutm_medium=referralutm_campaign=none

3. Dan Abramov 重写了 React 快速入门文档

Dan Abramov 为 react docs beta 推送了重写的React 快速入门文档。不过，现在新版的React 官方文档还处于 beta 阶段，只要英文版，英语好的小伙伴能够学习一下！

新版《React 快速入门文档》：https://beta.reactjs.org/learn

更新速递

1. MDX v2.0 发布

2022年2月1日，MDX 的第 2 版正式发布，并进行了以下改善：

• 📝 改善的语法使得在 JSX 中运用 markdown 更简略；
• 🔌 新的esbuild、Rollup和Node.js集成；
• ⚛️ 任何 JSX 运转时：React、Preact、Vue、Emotion，包罗万象，它们都受支撑；
• 🌳 改善的 AST
• 🏃‍♀️ 编译速度至少快 25%；
• 🚴 生成的代码运转速度是本来的两倍（快100%）；

MDX 特性：

• 功用强壮： MDX 混合了 Markdown 和 JSX 语法，能够完美地适配根据 JSX 的项目。
• 全部都是组件： 导入 JSX 组件并直接在 MDX 文档中烘托。
• 可自界说： 能够指定为每个 Markdown 元素烘托哪个组件。
• 根据 Markdown： Markdown 的简略和高雅特性依然保留着，仅在需求时才刺进 JSX。
• 快速： MDX 没有运转时，全部编译都在构建阶段进行。

更新概况：https://mdxjs.com/blog/v2/

2. Babel v7.17.0 发布

2022年2月2日，Babel 7.17.0 正式发布。

Babel 是一个东西链，首要用于将选用 ECMAScript 2015+ 语法编写的代码转化为向后兼容的 JavaScript 语法，以便能够运转在当时和旧版别的浏览器或其他环境中。下面列出的是 Babel 能为你做的作业：

• 语法转化
• 经过 Polyfill 办法在方针环境中增加缺失的特性 （经过引进第三方 polyfill 模块，例如 core-js）
• 源码转化（codemods）

更新概况：https://babeljs.io/blog/2022/02/02/7.17.0

3. V8 v9.9 发布

2022年1月31日，V8团队宣告最新的分支v9.9处于测验阶段，几周后与 Chrome 99 Stable 和谐发布。首要更新包含：

• 世界言语环境扩展；
• 世界枚举；
• V8 API。

V8 是 Google 的开源高功用 JavaScript 和 WebAssembly 引擎，用 C++ 编写。它用于 Chrome 和 Node.js 等。它完成了ECMAScript和WebAssembly，并在 Windows 7 或更高版别、macOS 10.12+ 以及运用 x64、IA-32、ARM 或 MIPS 处理器的 Linux 体系上运转。V8 能够独立运转，也能够嵌入到任何 C++ 运用程序中。

更新概况：https://v8.dev/blog/v8-release-99

4. Electron v17.0.0 发布

2022年2月1日，Electron团队激动地宣告 Electron 17.0.0 正式发布！它晋级了Chromium 98、V8 9.8和Node.js 16.13.0。能够经过 npm 指令下载。

Electron是一个运用 JavaScript、HTML 和 CSS 构建桌面运用程序的结构。嵌入 Chromium 和 Node.js 到 二进制的 Electron 答应您坚持一个 JavaScript 代码代码库并创立 在Windows上运转的跨渠道运用 macOS和Linux——不需求本地开发经历。

更新概况：https://www.electronjs.org/blog/electron-17-0

开源趋势

下面来看看本周GitHub上有哪些抢手的前端项目吧。

1. NextUI

NextUI 答应制造美丽、现代和快速的网站/运用程序，不管您的规划经历怎么，运用React.js 和 Stitches 创立，根据 GeistUI 并受 Vuesax 启示。

NextUI 的特性：

• 主题化： 供给一种自界说默许主题的简略办法，能够更改色彩、字体、断点和需求的全部。
• 快速呼应： 在运转时防止不必要的款式参数，使其比其他 UI 库更高效。
• 明暗界面： 主动深色形式辨认，NextUI 检测到 HTML 主题道具变化时主动更改主题。
• 共同的DX： NextUI 是全类型化的，以最大极限地削减学习曲线，并供给最佳的开发人员体会。

Star⭐：4.5k

本周Star⭐️：1767

Github：https://github.com/nextui-org/nextui

2. Budibase

Budibase 是一个开源的低代码渠道，协助 IT 专业人士在几分钟内涵自己的根底架构上构建、主动化和交给内部东西。支撑 PostgreSQL、MySQL、MSSQL、MongoDB、Rest API、Docker、K8s。

Budibase 的特性：

• 构建和发布真实的软件。 与其他渠道不同，你能够运用 Budibase 构建和发布单页运用程序。Budibase 运用程序具有内置的功用，能够进行呼应式规划，为你的用户供给超卓的体会。
• 开源和可扩展。 Budibase 是开源的 - 许可为 GPL v3。这应该让您充满信心，Budibase 将永久存在。您还能够针对 Budibase 进行编码或将其分叉并根据需求进行更改，然后供给对开发人员友爱的体会。
• 加载数据或从头开始。
• 运用强壮的预制组件规划和构建运用程序。 Budibase 开箱即用，带有规划精巧、功用强壮的组件，你能够像运用构建块相同运用它们来构建您的 UI。官方还公开了许多用户最喜欢的 CSS 款式选项，以便用户能够进行额定的创造。
• 主动化流程、与其他东西集成并连接到 Webhook。 经过主动化手动流程和作业流程来节省时刻。从连接到网络钩子，到主动化电子邮件，只需告知 Budibase 做什么，让它为你服务。
• 管理员的天堂。

Star⭐：9.6k

本周Star⭐️：865

Github：https://github.com/Budibase/budibase

3. awesome-selfhosted

Star⭐：76.7k

本周Star⭐️：864

Github：https://github.com/awesome-selfhosted/awesome-selfhosted

4. nuclear

Star⭐：8.1k

本周Star⭐️：626

Github：https://github.com/nukeop/nuclear

5. Word Guessing Game

Word Guessing Game 是一个运用 React、Typescript 和 Tailwind 制造的猜字游戏。

Star⭐：1.2k

本周Star⭐️：551

Github：https://github.com/cwackerfuss/word-guessing-game

东西引荐

下面来引荐五个音频库，有做音频相关事务的小伙伴不容错失~

1. Howler.js

Howler.js运用 Web Audio API 和 HTML5 Audio 的强壮功用来供给高度牢靠的跨渠道音频支撑。它是一个开源库，具有音频精灵、主动缓存、编解码器支撑等功用。

Howler.js的特色如下：

• 单一 API 即可供给多种服务；
• 支撑多种编解码器；
• 支撑跨浏览器；
• 支撑 3D 空间声响；
• 支撑播映杜比音频。

2. Audo AI

Audo API 运用根据 AI 的噪声去除算法来主动检测和去除任何不需求的布景噪声。除此之外，它比传统的根据音频滤波器的噪声消除作用要好得多，由于它能够供给最小失真的声响。

Audo是一个商业产品，可用于从音频编排中去除布景噪音。它供给了 2 种不同的形式，如下所示：

• 批处理 - 从多个音频文件中去除噪音。
• 流处理 - 实时噪声消除。

Audo API 的特色如下：

• 根据 AI 的噪音消除可带来高质量的输出；
• 支撑实时音频处理；
• 支撑多种文件格局，包含视频文件。

3. Dolby.io

Dolby.io 服务能够用来构建音频会议运用、虚拟教室、直播运用、交际运用等。它也是一个商业级的音频解计划。

Dolby.io的特色如下：

• 高保真音频质量；
• 许多功用，包含噪音消除、空间音频、响度校对、布景嗡嗡声消除。

4. Tone.js

Tone.js是一个 Web 音频结构，答应运用 JavaScript 来创立音乐。

Tone.js的特色如下：

• 答应个性化定制；
• 支撑运用 WebRTC 协议的外部音频输入；
• 供给音频组成、噪声和作用生成、循环和盯梢音乐时刻等；
• 默许不支撑实时降噪。

5. Twilio

Twilio广泛用于在根据 javascript 的运用程序中生成主动音频通讯功用。

Twilio Voice JavaScript SDK 支撑许多新功用，例如运用多个目标监控音频数据质量、运用 javascript 的根据 Web 的 VoIP 以及根据录音生成转录。

Twilio的特色如下：

• 支撑文本转化为语音；
• 语音辨认；
• 通话质量监控东西；
• 杰出的文档和技术支撑。

文章引荐

本周是春节啦，没有更新文章，来引荐几篇之前写的文章吧~

1. 你需求知道的 19 个 console 有用调试技巧

咱们运用最多的便是console.log()，当然大都情况下，console.log()就能满意咱们的需求，可是当数据变得比较杂乱时，console.log()就显得有些单一。其实console目标为咱们供给了许多打印的办法，本文就来介绍一下 console 的那些有用调试技巧。

2. 33个十分有用的JavaScript一行代码

一行代码简化咱们的代码，也能够学到一些JavaScript API的运用技巧！

3. 关于前端大管家 package.json，你知道多少？

本文首要介绍了前端的大管家package.json文件相关的装备。充沛了解这些装备有助于咱们进步开发的功率，标准咱们的项目。

4. 怎么高雅地在 React 中运用TypeScript ？

独自运用 TypeScript 时没有太多的坑，不过和React结合之后就会杂乱许多。本文介绍了TypeScript与React一同运用时常常遇到的一些类型界说的问题。

5. 你需求知道的30个ES6—ES12开发技巧！

本文梳理了 ES6——ES12 的常用新特性以及运用技巧。稳固根底、学习技巧必备！

本期前端周刊到这儿就完毕了，本周刊每周一上午更新。假如觉得有用，就点个赞和在看吧！