js的多线程示例

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>普通worker</title></head><body><script type="app/worker" id="wrs">this.onmessage = function(e){console.log(666.331,e.data)this.postMessage("副线程发送的数据[副数据]");}</script><script>if (typeof Worker !== undefined) {var blob = new Blob([document.querySelector("#wrs").textContent]);var url = window.URL.createObjectURL(blob);var worker = new Worker(url);// 监听副线程返回的消息worker.onmessage = (e) => {console.log(666.001, e.data);// 关闭副线程worker.terminate();};worker.postMessage("主线程发送的数据[主数据]");} else {console.log(666.002, "不支持Worker");}</script></body>
</html>
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>异步worker</title></head><body><script>var workerVal = {fn: (params) => {return "test worker===" + JSON.stringify(params);},params: { a: 1, b: 1 },};function prWorker(fw) {try {if (typeof Worker !== undefined) {return new Promise((resolve, reject) => {const worker = new Worker(window.URL.createObjectURL(new Blob([`var wVal=eval(${fw.fn.toString()})(${JSON.stringify(fw.params)})this.postMessage(wVal);`,])));worker.onmessage = (e) => {const res = { code: 200, data: e.data };worker.terminate();resolve(res);};});} else {return Promise.resolve({ code: 200, data: fw.fn(fw.params) });}} catch (err) {return Promise.resolve({ code: 0, data: "" });}}</script><script>prWorker(workerVal).then((res) => {console.log(666.998, res);});</script></body>
</html>

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>监听worker</title></head><body><script>var workerVal = {fn: (params, wk, cb) => {let i = 0;setInterval(() => {i++;const val = i + " test worker===" + JSON.stringify(params);if (cb) {cb({ code: 200, data: val });} else {wk.postMessage(val);}}, 1000);},params: { a: 1, b: 1 },};function wkWorker(fw, cb) {try {if (typeof Worker !== undefined) {const worker = new Worker(window.URL.createObjectURL(new Blob([`var wVal=eval(${fw.fn.toString()})(${JSON.stringify(fw.params)},this,'')`,])));worker.onmessage = (e) => {cb({ code: 200, data: e.data });};} else {fw.fn(fw.params, "", cb);}} catch (err) {}}</script><script>wkWorker(workerVal, (res) => {console.log(666.998, res);});</script></body>
</html>
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>test worker</title></head><body><script>if (typeof Worker !== undefined) {// 开启副线程var worker = new Worker("./js.js");// 发送消息给副线程worker.postMessage("发消息到js");// 监听副线程返回的消息worker.onmessage = (e) => {console.log(666.001, e.data);// 关闭副线程worker.terminate();};} else {console.log(666.002, "不支持Worker");}</script></body>
</html>
self.onmessage = function (e) {//监听主线程发过来的消息console.log(666.111, e.data);// 将信息发送到主线程上self.postMessage("发一条消息到html");
};

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/46623.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

PingRAT：一款基于ICMP的隐蔽型C2流量转发工具

PingRAT：一款基于ICMP的隐蔽型C2流量转发工具

关于PingRAT PingRAT是一款基于ICMP的隐蔽型C2流量转发工具&#xff0c;该工具专为红队成员和攻防演练任务而设计&#xff0c;主要利用了ICMP Payload来实现其功能&#xff0c;该工具不仅能转发C2流量&#xff0c;而且还可以帮助广大研究人员增强C2网络通信流量传输的隐蔽性。…
阅读更多...
基于Cpp的OpenCV4.8入门学习笔记（二）

基于Cpp的OpenCV4.8入门学习笔记（二）

文章目录 前言一、OpenCV图像的一些基本操作&#xff08;day 02&#xff09;16. OpenCV中提供的随机数生成17. 绘制和填充多边形&#xff0c;以五边形为例18. 鼠标事件控制绘画&#xff0c;截取ROI区域19. 图像的像素类型转换与归一化操作20. 图像的放缩与插值21. 图像的翻转&a…
阅读更多...
(leecode学习)14. 最长公共前缀

(leecode学习)14. 最长公共前缀

编写一个函数来查找字符串数组中的最长公共前缀。 如果不存在公共前缀&#xff0c;返回空字符串 ""。 示例 1&#xff1a; 输入&#xff1a;strs ["flower","flow","flight"] 输出&#xff1a;"fl"示例 2&#xff1a; 输入…
阅读更多...
day02.08.成员运算符•二

day02.08.成员运算符•二

# 成员运算符&#xff08;掌握&#xff09; # in, not in print(3 in [3,4,5]) # print("name" in "abcnamehaha") # print(name not in {"name": "ikun", "age": 30}) # 身份运算符&#xff08;了解&#xff09; # is…
阅读更多...
SWDIO管脚作为GPIO

SWDIO管脚作为GPIO

下面是使用FRDM-K32L2B3开发板和SDK中的frdmk32l2b_gpio_led_output程序做了一些测试&#xff0c;configure SWDIO pin as GPIO pin的流程。 查看手册&#xff0c;找到SWDIO对应的管脚&#xff0c;可以看到PTA3对应的SWDIO管脚。 2.修改Demo程序&#xff0c;在程序中设置SWDIO…
阅读更多...
npm和yarn清理缓存命令

npm和yarn清理缓存命令

yarn清除缓存 1、查看yarn全局缓存目录 yarn cache dir2、清除缓存 yarn cache cleannpm 清除缓存 1、将node-modules文件夹先删除 2、清理缓存命令&#xff1a; npm cache clean --force3、重新安装一次即可 npm install /cnpm install
阅读更多...
【杰理蓝牙开发】AC632 开发板烧录实例

【杰理蓝牙开发】AC632 开发板烧录实例

AC632 开发板烧录实例 0. 个人简介 && 授权须知1. 硬件板卡介绍2. 代码烧录2.1 使用USB接口烧录2.2 使用串口烧录 3. 为什么要用烧录器供电&#xff1f; 0. 个人简介 && 授权须知 &#x1f4cb; 个人简介 &#x1f496; 作者简介&#xff1a;大家好&#xff0c…
阅读更多...
代码随想录训练营第三十六天 1049最后一块石头的重量II 494目标和

代码随想录训练营第三十六天 1049最后一块石头的重量II 494目标和

第一题&#xff1a; 原题链接&#xff1a;1049. 最后一块石头的重量 II - 力扣&#xff08;LeetCode&#xff09; 思路&#xff1a; 首先确认这是一道01背包问题的题目&#xff0c;如何转换&#xff1a;剩下尽可能小的重量&#xff0c;如何剩下呢&#xff1f;跟分割等和子集很…
阅读更多...
论文略读：LoRA Learns Less and Forgets Less

论文略读：LoRA Learns Less and Forgets Less

202405 arxiv 1 主要思想 LORA相比于全参数训练&#xff0c;学的少&#xff0c;但忘的也少 2 实验分析 2.1 训练的表现 在编程和数学任务中&#xff0c;LoRA相比全参数微调表现出明显的劣势 2.2 遗忘的表现 这边的遗忘&#xff0c;是指在数据集A上预训练&#xff0c;然后在…
阅读更多...
18.x86游戏实战-找角色人物名字

18.x86游戏实战-找角色人物名字

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 本次游戏没法给 内容参考于&#xff1a;微尘网络安全 工具下载&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1rEEJnt85npn7N38Ai0_F2Q?pwd6tw3 提…
阅读更多...
c语言复习

c语言复习

0概念复习 gcc 旨在编译 C 语言代码。g 旨在编译 C 语言代码。 1.定义常用 #define pi 3.14 int m,n,i,sum,k1,count0,t; #include <ctype.h> #include <string.h> 2.函数常用 3.应试回答和八股 char x[5]{a&#xff0c;b&#xff0c;\0&#xff0c;c&#xff0c…
阅读更多...
Checkpoint log is not found or is corrupted. Job not submitted.

Checkpoint log is not found or is corrupted. Job not submitted.

问题 Checkpoint log is not found or is corrupted. Job not submitted. 解决 这个功能现在LSF需要第三方软件才能支持了&#xff0c;比如通过脚本集成blcr&#xff0c;blcr提供checkpoint&#xff0c;提交作业时-k是必须的&#xff0c;这个参数要设置存放checkpoint log的…
阅读更多...
Linux编程乐趣《简单、有趣、好玩的Linux命令》

Linux编程乐趣《简单、有趣、好玩的Linux命令》

文章目录 一、黑客帝国&#xff08;cmatrix&#xff09;1.1 centOS 手动安装&#xff1a;1.2 . 运行1.3 . 效果 二、cal命令三、htop四、sl:蒸汽火车五、cowsay:会说话的小牛六、boxes七、pv 一、黑客帝国&#xff08;cmatrix&#xff09; 1.1 centOS 手动安装&#xff1a; #…
阅读更多...
【数学建模与优化】：解析与实践

【数学建模与优化】：解析与实践

目录 数学建模概述 1. 什么是数学模型 2. 数学模型的分类 2.1 按应用领域分类 2.2 按建模方法分类 2.3 按是否考虑随机因素分类 2.4 按变量的连续性分类 2.5 按对对象内部规律了解程度分类 2.6 按变量的基本关系分类 2.7 按是否考虑时间变化分类 3. 数学规划及优化模…
阅读更多...
易语言数据类型和插入数据类型-cnblog

易语言数据类型和插入数据类型-cnblog

易语言数据类型 基本数据类型 基本数据类型有6种:数值型、逻辑型、日期时间型、文本型、字节集型(字节型组合)、子程序指针型。数值型:0到9加. 数值型又包括:字节型、短整数型、整数型、长整数型、小数型、双精度小数型。 2.特殊数据 易语言特殊数据类型是指基本数据类型之外的…
阅读更多...
【嵌入式Linux】＜总览＞ 网络编程（更新中）

【嵌入式Linux】＜总览＞ 网络编程（更新中）

文章目录 前言 一、网络知识概述 1. 网路结构分层 2. socket 3. IP地址 4. 端口号 5. 字节序 二、网络编程常用API 1. socket函数 2. bind函数 3. listen函数 4. accept函数 5. connect函数 6. read和recv函数 7. write和send函数 三、TCP编程 1. TCP介绍 2.…
阅读更多...
观察者模式：构建响应式系统的基石

观察者模式：构建响应式系统的基石

在软件开发中&#xff0c;我们经常需要处理对象之间的通信问题&#xff0c;特别是在用户界面设计和事件驱动编程中。观察者模式&#xff08;Observer Pattern&#xff09;是一种行为设计模式&#xff0c;它允许一个对象&#xff08;称为主题或被观察者&#xff09;在其状态发生…
阅读更多...
基于vite的vue脚手架工具整合：ts、jsx、eslint、prettier、stylelint、tailwind...

基于vite的vue脚手架工具整合：ts、jsx、eslint、prettier、stylelint、tailwind...

为了帮助vue新手更高效的学习vue3的基础知识、组件开发以及项目方案整合&#xff0c;小卷给大家整理了一个10分钟搞定《基于vite的vue脚手架工具整合》的教程。所有工具都是目前最新的版本&#xff0c;实践和调试过&#xff0c;没有一行多余的配置。
阅读更多...
C语言之qsort函数

C语言之qsort函数

一、qsort 1.库函数qsort qsort是库函数&#xff0c;直接可以用来排序数据&#xff0c;底层使用的是快速排序。 qsort函数可以排序任意类型的数据。 2.头文件 #include<stdlib.h> 3.参数讲解 void*类型的指针是无具体类型的指针&#xff0c;这种类型的指针的不能直接解…
阅读更多...
逻辑分析仪小试(DOING)

逻辑分析仪小试(DOING)

PDD买的&#xff0c;价格很nice 有一个小遗憾&#xff0c;接口是mini-usb&#xff0c;这种线找了半天&#xff0c;终于发出来一根&#xff0c;插上去直接灯就亮了。 网上找了一些教程&#xff0c;才发现这个原来是美国saleae的山寨产品。。。但是群众们都一片叫好。 所以配套…
阅读更多...
最新文章

Copyright @ 2022~2023