前端周刊第二十二期

306 阅读3分钟

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

大事件

  • 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 等。