前端周刊第22期，每周发布前端技术相关的重大事件、文章教程、部分框架的版本更新，以及代码和工具。每周定期发布，欢迎大家关注转载。如果外链无法访问，每周关注公众号前端，有解决办法大事件Angularv14发布——关键版本长期存在的JavaScript框架，它的使用范围比大多数JavaScript开发人员意识到的要多得多（尤其是在大公司）。新内容：分离组件以获得更轻松的创作体验。严格类型的反应形式。改进的变化检测。辅助功能改进。JavaScript和TypeScript中的Monorepos-关于在JavaScript中使用monorepos（也有解释）的全面介绍和教程，包括它们的好处以及如何使用Yarn创建和管理一个。JestImageSnapshot:AJestMatcherforImageComparison-使用美国运通的这个工具向视觉回归测试问好.在测试期间拍摄应用程序的图像快照，并将它们与基线进行比较。如果您想忽略小的变化而只抛出巨大的差异，它甚至可以处理公差。文章您现在可以使用JavaScript在MicrosoftWord中制作游戏-Office加载项是一种使用JavaScript编写Office应用程序脚本的机制。您可以用它做一些有用的事情，或者，如果您像这个人一样聪明，您可以创建一个使用Word文档作为画布的图形游戏。您的npm分布式存储库可能不需要Bundler。—Colin为尽可能干净地运行提供了一个很好的论据，但如果您愿意，还有很多指向其他选项的链接。使用Pinia介绍Vue.js状态管理-Pinia现在是Vue（以前称为Vuex）的官方状态管理库，Tyler在这里分享了他对此的兴奋。HowtoBuildaGroupChatAppUsingVanillaJS,Twilio,andNode-如果你不想自己组装所有的后端基础设施……外包。在Haskell中将JavaScript的一个子集编译为ARM程序集——这是您可能永远不需要做的事情之一，但如果您有时间和意愿，您可能想要这样做。框架发布RE:DOM3.28.0–微型(2KB)UI库。gl-react5.2–React中的WebGL着色器。lint-staged13.0-对暂存的git文件运行linter。AVA4.3.0–Node.js测试运行器。Recoil0.7.3-来自Facebook的React的替代状态管理。代码和工具Svelvet：用于基于节点的交互式图表的Svelte组件库：您可以使用具有无缝缩放和平移、可拖动交互性、可自定义边/节点等的预构建组件创建直观的流程图。ShakaPlayer4.1：用于播放自适应媒体的库：在没有插件或Flash的浏览器中播放DASH和HLS等格式。它还可以通过IndexedDB离线播放媒体。GlideDataGrid4:AFastDataGridforReactProjects：号称是“不妥协的、异常快速的数据网格”，它可以支持多达数百万行，具有丰富的渲染和TypeScript支持。主页上有一个简洁的演示，也是麻省理工学院许可的。Terser：JavaScript'Mangler'andCompressorToolkitforES6+：一种可以从Node或命令行使用的压缩工具。它去除注释、压缩变量名、删除空格，并用更小的变体替换各种代码模式。颜色图例元素：用于在数据可视化中提供图例的Web组件：使用Lit/Lit-Element和D3.js构建。highlight-code：一个带有自动语法高亮的
