网络日志

前端周刊第二十五期

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

大事件

文章

  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 的应用程序的支持。