前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
<span style="color:red;">如果外链不能访问，关注公众号前端每周看，里面有解决办法</span>
大事件
Ecma International 批准 ECMAScript 2022，但有什么新功能？——感谢 Ecma—— ECMAScript 2022 现在是一个批准的标准。
为创建本地化范围的保护块——就最近流行的一篇关于使用“块语句”将代码组合在一起的文章，该文章引起了一些批评。
什么时候你应该在 JavaScript 中优先使用 Map 而不是对象——Map对象现在（几乎）在 JS 实现中普遍可用，并且使用常规Objects 具有一些好处。
React 团队现在正在做什么——随着 React 18 的发布，React 团队已经将注意力转向了未来，这篇文章给出了一些关于正在发生的事情的详细提示。不过，这不是路线图，他们强调，许多讨论的内容甚至没有按原样实现。
文章
使用 Playwright 测试运行单元测试 — Playwright 的新测试运行程序与 Jest 和 Mocha 等“传统”方法的比较。
在全球范围内安装 npm 包的替代方案 — 这个话题往往容易让人绊倒。
围绕服务人员开发和测试的随机笔记 — “我多年来在服务人员周围学到的一堆技巧和窍门”
使用 Web Animations API 精确计时 — 在 JavaScript 中使用计时器会很快变得复杂。Kirill 研究了 Web Animations API 如何在某些情况下消除对此类计时器的需求。
框架发布
- Angular ESLint 14.0
- FontKit 2.0 – Node 和浏览器的高级字体引擎。
- melonJS 11.0 – 基于 2D sprite 的游戏引擎。
- Fastify 4.1 – 流行的低开销 Node Web 框架。
- Capacitor 3.6 – 使用 JS 构建跨平台原生应用。
- Partytown 0.6.2 – 将密集型代码重新定位到 Web Worker 线程中。
- Gatsby 4.17
- React Native 0.69 – React 18 支持！
代码和工具
Puppeteer 15.0：从 Node 控制 Headless Chrome： 近年来， Playwright占据了浏览器控制市场的大部分份额，但如果您不需要支持多个浏览器，流行的面向 Chrome 的 Puppeteer 仍然是一个不错的选择。它现在使用 Chromium 103 并支持 Node 18。
Deep Persistent Proxy Objects: Automatically Persist JS Objects in IndexedDB：创建和维护在后台自动备份到 IndexedDB 的对象，这样如果您在浏览器中刷新或重新启动应用程序，对象的内容就会自动恢复到之前的状态。
main-thread-scheduling 6.0：始终保持在主线程上的响应式应用程序：Web Worker 方法的替代方案，它使用在用户与 UI 交互时停止执行任务的方法。
React Joyride：在您的应用程序中创建导游： 使用react-floater来定位和设置浮动“导游”元素的样式。
PSD 0.2：零依赖 PSD (Photoshop) 解析器：适用于浏览器和 Node.js。
ESLint 的全新主页： ESLint 是一个非常流行的 linter，用于识别和报告 JavaScript 中的模式， v8.18.0刚刚发布。不过，更好的是，他们经过几个月的努力打造的全新网站。它相当漂亮，甚至包括一张 Addy Osmani 的精彩照片。
Reactime 14.0：用于在 React 应用程序中进行时间旅行调试的 Chrome 开发人员工具：v14 引入了对使用 React Router 的应用程序的支持。
