在前端开发过程中，有时我们需要处理长时间运行的任务，如图像处理、视频转换等。这些任务可能会占用大量的时间和计算资源，而且会影响用户体验。因此，我们需要一种方法来让这些任务在后台运行，并可控。
这时候，npm 包 long-task-requester 就可以派上用场了。它提供了一种方便的方式来创建长时间运行的任务，并在后台运行。它可以让我们轻松地处理这些任务，并能够让用户知道任务何时完成。
简介
long-task-requester 是一个基于 Promise 的 JavaScript 库。它提供了一个长时间运行的任务请求方法，而不会占用太多的计算资源，并能够使浏览器仍能正常工作。它使用了 Web Worker 和 Service Worker 技术，可以在后台运行任务，而不会阻塞主线程，从而提高了应用程序的性能和用户体验。
安装
long-task-requester 可以通过 npm 进行安装：
npm install long-task-requester
使用方法
long-task-requester 通过一个 Promise 中间件来实现异步请求。下面是一个简单的例子：
-- -------------------- ---- -------
------ - ---------------------- - ---- ----------------------
--------------------------------------
-------------- -- -
----------------------
--
------------ -- -
---------------------
---这个例子中，我们使用了 longTaskRequesterFetch 方法来请求数据。它与原生的 Fetch API 类似，只是它可以在后台运行。当请求完成后，它会返回一个 Promise 对象，我们可以使用 then 方法来获取响应数据。如果请求失败，则会调用 catch 方法。
配置
long-task-requester 提供了一个默认配置对象，你可以修改这个对象来更改库的行为。下面是一个示例：
-- -------------------- ---- -------
------ - ---------- ---------------------- - ---- ----------------------
-----------
-------- ------
---------- --
---
--------------------------------------
-------------- -- -
----------------------
--
------------ -- -
---------------------
---在这个例子中，我们使用 setConfig 方法来配置 options 对象。我们将超时时间增加到了 60 秒，并将最大工作者数设置为了 2。
你可以配置的选项如下：
timeout: 超时时间，单位是毫秒。默认为 30000。maxWorker: 最大工作者数。默认为 navigator.hardwareConcurrency。
源码
如果你想查看 long-task-requester 的源代码，可以访问它的 GitHub 仓库：
https://github.com/climboid/long-task-requester
总结
通过使用 long-task-requester，我们可以在后台中处理长时间运行的任务，而不会影响用户体验。它提供了一种简单的方式来创建这些任务，并在后台运行。我们可以使用它的默认配置，或者自定义一些配置来满足我们的需求。它是一个非常优秀的 npm 包，值得我们去学习和使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f4d9381d61a3540e57