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