自学内容网 自学内容网

web worker使用

1. 新建worker.js

import kriging from "@/views/Heatmap/kriging";

self.onmessage = (e) => {
console.log(e) // 主线程传过来的数据
self.postMessage('我是子线程的数据') // 返回给主线程的数据
}

2. 在使用的文件引入woker.js

注: 在worker中如果要使用es语法,需要加上 { type: ‘module’ }

const myWorker = new Worker('/src/views/Heatmap/worker.js', { type: 'module' })

// 给子线程传数据
myWorker.postMessage('我是主线程的数据')  

// 接收子线程数据
myWorker.addEventListener('message',  (e)=>{  

})

// 关闭子线程
myWorker.terminate();

原文地址:https://blog.csdn.net/qq_42038997/article/details/142379925

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!