前端周刊第二十二期

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

大事件

• Angular v14 Released——长期存在的 JavaScript 框架的一个关键版本，其使用的地方比大多数 JavaScript 开发人员意识到的要多得多（尤其是在大公司中）。一些新的东西：

1. 独立组件可提供更简单的创作体验。
2. 严格类型的反应形式。
3. 改进的更改检测。
4. 可访问性的改进。

• JavaScript 和 TypeScript 中的 Monorepos——关于在 JavaScript中使用 monorepos（也有解释）的全面介绍和教程，包括它们的好处以及如何使用 Yarn 创建和管理一个。

• Jest Image Snapshot: A Jest Matcher for Image Comparison——使用 American Express 的这个工具向视觉回归测试问好。在测试中为您的应用拍摄图像快照，并将它们与基线进行比较。如果您想忽略细微的变化并且只抛出巨大的差异，它甚至可以处理公差。

文章

1. 您现在可以使用 JavaScript 在 Microsoft Word 中制作游戏 — Office 插件是一种使用 JavaScript 编写 Office 应用程序脚本的机制。你可以用它来做一些有用的事情，或者，如果你和这个人一样聪明，你可以创建一个使用 Word 文档作为画布的图形游戏。

2. 您可能不需要为您的 npm 分布式库使用 Bundler。 — Colin 提出了一个很好的论点，即尽可能干净地运行，但如果您愿意，还有很多其他选项的链接。

3. 使用 Pinia 介绍 Vue.js 状态管理 - Pinia现在是 Vue 的官方状态管理库（以前是 Vuex），Tyler 在这里分享了他对它的兴奋之情。

4. 如何使用 Vanilla JS、Twilio 和 Node 构建群聊应用程序 - 如果您不想自己将所有后端基础设施放在一起......外包它。

5. 在 Haskell 中将 JavaScript 的子集编译为 ARM 程序集 - 其中一件您可能永远不需要做的事情，但如果有足够的时间和意愿，您可能会想要做。

框架发布

1. RE:DOM 3.28.0 – 微型 (2KB) UI 库。
2. gl-react 5.2 – React 中的 WebGL 着色器。
3. lint-staged 13.0 – 针对暂存的 git 文件运行 linter。
4. AVA 4.3.0 – Node.js 测试运行器。
5. Recoil 0.7.3 – 来自 Facebook 的 React 的替代状态管理。

代码和工具

1. Svelvet：用于基于节点的交互式图表的 Svelte 组件库：您可以使用具有无缝缩放和平移、可拖动交互性、可自定义边缘/节点等的预构建组件创建直观的流程图。

2. Shaka Player 4.1：播放自适应媒体的库：在没有插件或 Flash 的浏览器中播放 DASH 和 HLS 等格式。它还可以通过 IndexedDB离线播放媒体。

3. Glide Data Grid 4：适用于 React 项目的快速数据网格：自称是“不折不扣、异常快速的数据网格”，可以支持多达数百万行，并具有丰富的渲染和 TypeScript 支持。主页上有一个简洁的演示，它也获得了麻省理工学院的许可。

4. Terser：用于 ES6+ 的 JavaScript 'Mangler' 和 Compressor Toolkit： 一个可以从 Node 或命令行使用的压缩工具。它去除注释，压缩变量名，删除空格，并用更小的变体替换各种代码模式。

5. 颜色图例元素：在数据可视化中提供图例的 Web 组件：使用 Lit/Lit-Element 和 D3.js 构建。

6. highlight-code：A <textarea>with Automatic Syntax Highlighting —在这里试用。API 允许您自定义语言、选项卡大小以及文本区域是否应自动扩展以适应。

7. collect.js：100 多种数组和对象的便捷方法：类似于 Laravel 集合的 API：chunk、flatten、shuffle、firstWhere、mapWithKeys 等。