web worker使用

news/2024/9/21 4:18:00 标签: 前端, javascript, html

1. 新建worker.js

html" title=javascript>javascript">import kriging from "@/views/Heatmap/kriging";

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

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

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

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

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

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

})

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

http://www.niftyadmin.cn/n/5668126.html

相关文章

在系统总线的数据线上,不可能传输的是()。

在系统总线的数据线上,不可能传输的是 A.指令 B.操作数 C.握手(应答)信号 D.中断类型号 答案:在系统总线的数据线上,不可能传输的是: C. 握手(应…

Linux 进程3

进程地址空间 CPU读取数据都需要地址,在计算机中所有东西都是一种数据,包括我们的进程。 这是一个进程空间示意图,操作系统通过task_struct结构体链表来管理每一个进程,结构体里面有一个指针指向操作系统为进程开辟的一段空间&am…

【Python语言初识(一)】

一、python简史 1.1、python的历史 1989年圣诞节:Guido von Rossum开始写Python语言的编译器。1991年2月:第一个Python编译器(同时也是解释器)诞生,它是用C语言实现的(后面),可以调…

Lua编程语言简介与应用

什么是Lua? Lua是一种轻量级的脚本语言,它以其简洁、高效和可嵌入性而闻名。Lua的名称在葡萄牙语中意为“月亮”,象征着它的辅助和补充作用。它最初由巴西里约热内卢天主教大学的Roberto Ierusalimschy、Waldemar Celes和Luiz Henrique de F…

仓颉编程入门

#体验华为仓颉编程语言# 仓颉发布的第一时间,就申请了测试。昨天发现申请通过 ,果断下载SDK体验一下。 废话不多说,从下载完开始,下面这个图,就是下载的文件: 看文件夹样子跟c/c套路差不多。bin目录是cjc…

C语言 | Leetcode C语言题解之第402题移掉K位数字

题目&#xff1a; 题解&#xff1a; char* removeKdigits(char* num, int k) {int n strlen(num), top 0;char* stk malloc(sizeof(char) * (n 1));for (int i 0; i < n; i) {while (top > 0 && stk[top] > num[i] && k) {top--, k--;}stk[top]…

【南方科技大学】CS315 Computer Security 【Lab3 Format String Vulnerability】

目录 Lab OverviewLab TasksTask 1: The Vulnerable ProgramTask 2: Understanding the Layout of the StackTask 3: Crash the ProgramTask 4: Print Out the Server Program’s MemoryTask 5: Change the Server Program’s MemoryTask 6: Inject Malicious Code into the Se…

git reflog 和 git log 的详解和区别

文章目录 1. git log 介绍基本用法&#xff1a;输出内容&#xff1a;常见选项&#xff1a;git log 的局限性&#xff1a; 2. git reflog 介绍基本用法&#xff1a;输出内容&#xff1a;git reflog 输出字段&#xff1a;常见选项&#xff1a;主要用途&#xff1a;示例&#xff1…