前端周刊每周发布前端技术相关大事件、文章教程、部分框架的版本更新、代码和工具。每周定期发布，欢迎大家关注转载。如果外链无法访问，每周关注公众号前端，里面有解决方法三种无损处理数组的方法比较在大事件中——JavaScript优秀的文档将for-of、.reduce()和.flatMap()相互比较，因此您可以选择最适合您自己的数组处理作业的方法。npm安全更新：GitHub对四月攻击的了解——上个月，管理npm注册表的GitHub报告说，被盗的OAuth令牌被用来访问某些私有存储库、私有包清单和元数据，以及npm用户帐户数据。这是一个更新。值得注意的是：“将npm集成到GitHub的日志系统后，GitHub发现了在内部日志中捕获的npm注册表的大量明文用户凭据。TypeScript4.7发布-类型化JavaScript超集主要功能是ES模块支持Node.js-一个功能这一直难以捉摸，它对文件扩展名的依赖继续引发争论——以及CommonJS互操作性（来自ES模块）、改进的函数推理、括号元素访问的控制流分析等。Next.js的布局RFC：BigChangesAheadforNext.js-如果你是Next.js用户，你会想要阅读这篇文章，因为一些重要的更新正在进行中，特别是在路由、应用程序结构和布局（包括嵌套布局）方面。文章是什么是“边缘计算”？“这有点像编织狗帽”——看，这个比喻让我们发笑，作者在这里走了很长一段路。Airbnb如何通过Metro获得更快的JavaScript构建-Airbnb迁移的故事从Webpack到Metro（用于ReactNative的JavaScript捆绑器，但Airbnb将其用于Web项目）以及它如何使他们的开发反馈循环“几乎是即时的”。我们如何将Node.js库转换为Deno（使用Deno）——“我们采用了一种‘运行时适配器’模式，我们认为它代表了一种通用方法，可能对其他希望支持Deno的库作者有用。”2022年React状态管理库综述——这个领域有很多选择，包括Zusstand、Recoil、XState，当然还有Redux。JSON和JavaScript中的Stringify怪异——这不是最简单的事情，尽管至少有一个（复杂的）JSON.stringify操作的书面规范。平衡已经从SPA转移——这不是最简单的事情，尽管至少有一个（复杂的）书面规范用于JSON.stringify的操作。框架版本Electron19–获取Chromium102、V810.2和Node16.14.2。Neutralino.js4.6-轻量级跨平台桌面应用程序框架。fast-check3.0-基于属性的测试框架。Knex2.1.0–Node.js的SQL构建器。Cypress9.7.0-在浏览器中测试任何东西。Storybook6.5–UI组件开发工具。代码和工具NinjaKeys：将命令面板/键盘快捷方式添加到您的应用程序/站点熟悉且方便地用于vanillaJS应用程序或Vue、React或Svelte。Kbar是这个领域的另一个参与者，更专注于React。Filesize.js：根据文件大小生成人类可读的字符串：例如123456字节可以变成“120.56KB”的Three.js自定义Vue3渲染器：Funky整页演示就在这里。这些文档在检查后可能更有用。“将其视为Vue的反应三纤维。”React-Uploady1.0：文件上传组件和挂钩：旨在简单但高度可定制。您可以有文件上传按钮、预览、拖放上传区域等。文档很好，展示了一个基本示例，并有截屏视频。Estimator.dev：现代JavaScript节省计算器：计算通过切换到更现代的JavaScript语法可以实现的站点大小改进。浏览器扩展模板：快速充实浏览器扩展代码库：想想create-react-app但对于扩展，有点。
