-
web前端用Worker 多线程在后台过滤值 5
HTML5代码如下 不知道哪地方出错了 就是不能正常求值显示
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {font:normal 11px auto "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4f6b72; background:#E6EAE9;}
table {width:700px; padding:0; margin:0;}
td {border-right:1px solid #C1DAD7; border-bottom:1px solid #C1CAD7; background:#fff; font-size:11px; padding:6px 6px 6px 12px; color:#4f6b72; text-align:center;}
</style>
<script type="text/javascript">
var intArray=new Array(200);
var intStr="";
for(var i=0;i<200;i++){
intArray[i]=parseInt(Math.random()*200);
if(i!=0)
intStr+=";";
intStr+=intArray[i];
}
var worker=new Worker("script.js");
worker.postMessage(intStr);
worker.onmessage=function(event){
if(event.data!=""){
var m,k,tr,td;
var intArray=event.data.split(";");
var table=document.getElementById("table");
for (var i=0;i<intArray.length;i++){
m=parseInt(i/10,0);
k=i%10;
if(k==0){
tr=document.createElement("tr");
tr.id="tr"+m;
table.appendChild(tr);
}
else{
tr=document.getElementById("tr"+m);
}
td=document.createElement("td");
tr.appendChild(td);
td.innerHTML=intArray[m*10+k];
}
}
};
</script>
<title>产生随机数 能被一个数整除</title>
</head>
<body>
<table id="table">
</table>
</body>
</html>
下面为script.js的代码:
onmessage=function(event){
var data=event.data;
var returnStr;
var intArray=data.split(";");
returnStr="";
for (var i=0;i<intArray.length;i++){
if(parseInt(intArray[i])%3==0){
if(returnStr!="")
returnStr+=";";
returnStr+=intArray[i];
}
}
postMessage(returnStr);
}
求大神帮忙啊 谢谢了2014年6月10日 10:51
目前还没有答案
相关推荐
用于《vue3中使用Web Worker多线程》这篇文章的项目Demo下载 文章地址:https://blog.csdn.net/weixin_42063951/article/details/125300644
用于《vue3中使用Web Worker多线程》这篇文章的项目Demo下载 文章地址:https://blog.csdn.net/weixin_42063951/article/details/125300644
前端开源库-web-worker-manager网络工人经理,工人经理
功能:通过使用JavaScript的Web Worker技术,实现了一个在前端运行的后台任务处理程序。用户可以通过发送消息给Web Worker来执行特定的任务,而不会阻塞主线程的执行。同时,该示例还展示了如何与Web Worker进行通信...
在HTML5中提出了工作线程(WebWorker)的概念,并且规范出WebWorker的三大主要特征:能够长时间运行(响应),理想的启动性能以及理想的内存消耗。WebWorker允许开发人员编写能够长时间运行而不被用户所中断的后台...
Web Worker 使用起来非常简单,在“主线程”中执如下操作即可创建一个 Worker 实,通过监听onmessage 事件获取消息,通过 postMess
主要介绍了JavaScript中的Web worker多线程API研究,Web worker是HTML5的API,允许网页在安全的情况下执行多线程代码,需要的朋友可以参考下
在共享的Webworker中运行Socket.io,可以为多个浏览器窗口和选项卡共享一个Socket.io Websocket连接。 替换了socket.io客户端。 快速安装 npm i --save socketio-shared-webworker 原因 单个websocket连接效率更...
圆周率计算,多线程,基于大数框架decimal.js和webworker 圆周率计算-可设置圆周率位数-可选择线程个数-多线程大数框架webworker输出useragent大数框架
HTML5 js后台实现多线程 克服js单线程导致页面卡死情况
webworker封装调用face-api.js
web worker 详解 web worker 详解 web worker 详解 web worker 详解
为什么使用Worker线程? 1、不会阻塞主应用程序,但是fork进程一次只能处理一项任务。如果您有两个任务,一个将花费10秒,另一个将花费1秒,按照顺序执行,不理想的是必须等待10秒才能执行第二个任务。 2、如果一个...
flash builder在版本4.7中正式提供多线程的类,worker,此例子很不错。
在Webpack中自动捆绑和编译Web Workers
web-worker-indexeddb 使用 Web Worker 访问服务器,并将数据保存在 IndexedDB 中以供离线使用。 在 IndexedDB 中保存数据后,应用程序将始终离线访问数据,并将通过 Web Worker 刷新数据。
使用Web Worker进行Web的通用线程 安装 使用npm install web-threads --save或yarn add web-threads添加它到您的项目中yarn add web-threads 用法 带参数的简单功能 import { execute } from 'web-threads' let ...
这节我们来探讨一下多线程 Web-Worker。 一、明确 JavaScript 是单线程 JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。 听起来有些匪夷所思,为什么不设计成多线程提高效率呢?我们可以...
web worker 是运行在后台的 JavaScript,不会影响页面的性能,更好的解释是,你可以使用web worker提供的一种简单的方法来为web内容在后台线程中运行脚本,这些线程在执行任务的过程中并不会干扰用户界面!...