杂记

1.使用进度条

import NProgress from 'nprogress' // progress bar import 'nprogress/nprogress.css'// progress bar style

2.new Worker()

new Worker() 用于创建一个新的 Web Worker 线程。Web Worker 是浏览器提供的一种多线程机制，它可以在后台执行 JavaScript 代码，不会阻塞主线程，从而提高了 Web 应用程序的性能和响应能力。
 
以下是一个示例代码，演示了如何使用 new Worker() 创建一个新的 Web Worker 线程：
 
// 创建一个 Web Worker 线程
const worker = new Worker('worker.js');
在上述示例中，我们创建了一个名为 worker 的 Web Worker 线程，并指定了要执行的 JavaScript 文件为 worker.js。
 
需要注意的是，Web Worker 线程中不能直接访问 DOM，也不能使用一些浏览器环境中的 API（如 alert()、confirm()、prompt()、localStorage 等）。同时，Web Worker 线程和主线程之间是通过消息通信来进行交互的，要向 Web Worker 线程发送消息，可以使用 worker.postMessage() 方法；要监听 Web Worker 线程的消息，可以使用 worker.onmessage 事件。
 
// 主线程代码
const worker = new Worker('worker.js');
 
worker.postMessage('Hello, worker!');
 
worker.onmessage = function(event) {
  console.log('Received message from worker: ' + event.data);
  worker.terminate();
};
 
// worker.js 代码
self.addEventListener('message', function(event) {
  console.log('Received message from main thread: ' + event.data);
  self.postMessage('Hello, main thread!');
});