前端周刊第二十五期

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

大事件

• Ecma International 批准 ECMAScript 2022，但有什么新功能？——感谢 Ecma—— ECMAScript 2022 现在是一个批准的标准。

• 为创建本地化范围的保护块——就最近流行的一篇关于使用“块语句”将代码组合在一起的文章，该文章引起了一些批评。

• 什么时候你应该在 JavaScript 中优先使用 Map 而不是对象——Map对象现在（几乎）在 JS 实现中普遍可用，并且使用常规Objects 具有一些好处。

• React 团队现在正在做什么——随着 React 18 的发布，React 团队已经将注意力转向了未来，这篇文章给出了一些关于正在发生的事情的详细提示。不过，这不是路线图，他们强调，许多讨论的内容甚至没有按原样实现。

文章

1. 使用 Playwright 测试运行单元测试 — Playwright 的新测试运行程序与 Jest 和 Mocha 等“传统”方法的比较。

2. 在全球范围内安装 npm 包的替代方案 — 这个话题往往容易让人绊倒。

3. 围绕服务人员开发和测试的随机笔记 — “我多年来在服务人员周围学到的一堆技巧和窍门”

4. 使用 Web Animations API 精确计时 — 在 JavaScript 中使用计时器会很快变得复杂。Kirill 研究了 Web Animations API 如何在某些情况下消除对此类计时器的需求。

框架发布

1. Angular ESLint 14.0
2. FontKit 2.0 – Node 和浏览器的高级字体引擎。
3. melonJS 11.0 – 基于 2D sprite 的游戏引擎。
4. Fastify 4.1 – 流行的低开销 Node Web 框架。
5. Capacitor 3.6 – 使用 JS 构建跨平台原生应用。
6. Partytown 0.6.2 – 将密集型代码重新定位到 Web Worker 线程中。
7. Gatsby 4.17
8. React Native 0.69 – React 18 支持！

代码和工具

1. Puppeteer 15.0：从 Node 控制 Headless Chrome： 近年来， Playwright占据了浏览器控制市场的大部分份额，但如果您不需要支持多个浏览器，流行的面向 Chrome 的 Puppeteer 仍然是一个不错的选择。它现在使用 Chromium 103 并支持 Node 18。

2. Deep Persistent Proxy Objects: Automatically Persist JS Objects in IndexedDB：创建和维护在后台自动备份到 IndexedDB 的对象，这样如果您在浏览器中刷新或重新启动应用程序，对象的内容就会自动恢复到之前的状态。

3. main-thread-scheduling 6.0：始终保持在主线程上的响应式应用程序：Web Worker 方法的替代方案，它使用在用户与 UI 交互时停止执行任务的方法。

4. React Joyride：在您的应用程序中创建导游： 使用react-floater来定位和设置浮动“导游”元素的样式。

5. PSD 0.2：零依赖 PSD (Photoshop) 解析器：适用于浏览器和 Node.js。

6. ESLint 的全新主页： ESLint 是一个非常流行的 linter，用于识别和报告 JavaScript 中的模式， v8.18.0刚刚发布。不过，更好的是，他们经过几个月的努力打造的全新网站。它相当漂亮，甚至包括一张 Addy Osmani 的精彩照片。

7. Reactime 14.0：用于在 React 应用程序中进行时间旅行调试的 Chrome 开发人员工具：v14 引入了对使用 React Router 的应用程序的支持。