关于前端:前端周刊第十九期

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访，关注公众号 前端每周看，外面有解决办法 </span>

大事件

• 应用 Google 的 CrUX 比拟 JS 框架的性能——Chrome 用户体验报告 (CrUX) 是从真实世界的 Chrome 用户收集的用户体验指标数据集，能够应用它来剖析和比拟不同 UI 框架的性能配置文件
• Meta 将 Jest 我的项目转移到 OpenJS 基金会——Meta，née Facebook，在 10 多年前创立了当初风行的 Jest JavaScript 测试框架，尽管它将在外部持续应用，但他们当初认为它“性能残缺”，因而认为它可能会蓬勃发展在更宽泛的社区中失去更好的治理。
• 对于 React 行将推出的 useEventHook 的思考——用于新的根本 React 钩子或定义一个“看到”新的 props/state 但具备稳固函数标识的事件处理程序。

文章

1. 应用 Web 音频 API 构建乐器 — 咱们在前端畛域最喜爱的作家之一回来了，她简略地介绍了她如何构建 Keyboard Accordion，这是一种基于 Web 的全音阶手风琴（我很难以任何连贯的形式演奏它所有，但听起来很棒）。
2. 理解您的浏览器的性能分析器 — 如果您的浏览器开发工具中的性能选项卡看起来有点吓人，那么本文试图总结您须要理解的对于它所显示内容的相对基础知识。
3. JavaScript 开发人员从 0% 到 80% 的 Rust – 如果对于用 Rust（从新）编写 JavaScript 工具的永无止境的音讯还没有让你感到厌倦，兴许你想晓得如何从 JS 的角度学习 Rust。Daniel Bulant 的 Rust 根底，从高级程序员的角度来看，也是一个很好的解释者。
4. 应用 PyScript 在浏览器中运行 Python – 从 Rust 到 Python，咱们开始了。最近公布的 PyScript 提供了一种在网页上编写 Python 代码的简略办法，就像您当初编写 JavaScript 一样。这个 8 分钟的截屏视频略微展现了一点。
5. 用 JavaScript 制作一个根本的“落沙”游戏 – 一个平静而温和的教程，其中蕴含贯通始终的示例。

框架公布

1. Wild Wild Path 3.0 – 应用门路和查问开掘对象。
2. GraphQL Yoga 2.0 – 残缺的 GraphQL 服务器性能。
3. Hexo 6.2.0 – Node.js 博客框架。
4. graphql-schema-linter 3.0 – 验证 GraphQL 模式定义。
5. pnpm 7.1.0
6. Solid 1.4 – 很棒的申明式 UI 库。

代码和工具

1. InfiniteGrid 4.3：在网格布局上有限排列卡片元素：十分成熟和成熟，能够轻松创立由不同大小的卡片元素组成的网格。它也实用于您抉择的框架，并且在桌面和挪动设施上都很称心。
2. blursort 1.9: Fast Fuzzy Search Library：灵感来自 Sublime Text 中的含糊搜寻。查看现场示例 - 的确感觉很快。
3. Parvus：无依赖的可拜访灯箱：我喜爱它所说的不要在网页上应用叠加层，但如果必须，应用它！有一个 CodePen 示例。
4. crypto-random-string 5.0：生成加密强随机字符串：例如：cryptoRandomString({length: 10})可能会返回 2cf05d94db（尽管我真的心愿你尝试它时不会返回，否则它会失败😆）。当初能够在 Node.js 和浏览器中应用。
5. Reagraph: WebGL Graph Visualizations for React：一个在底层应用 WebGL 的高性能网络图形可视化库。您能够应用的根本示例。
6. DFlex：实用于所有 JS 框架的拖放库：这是一个原生 JavaScript 解决方案，专一于良好的性能和易于实现。在这里尝试一些演示。
7. nve 15.0：应用特定的 Node.js 版本运行事物：应用特定版本（或多个版本）的 Node.js 轻松执行文件、命令或 REPL。例如，您能够一次运行 npm test 多个版本。
8. actions/github-script：用 JavaScript 编写 GitHub API 脚本的工作流程：如果你想编写通过 GitHub API 执行操作的 GitHub 操作，这能够让你的生存更轻松。