HTML5-Webworker-Websites können auch mit Multithreading-HTML5-Tutorial-Fähigkeiten implementiert werden

Web Worker sind neu in HTML5 und eine Technologie zur Implementierung der Hintergrundverarbeitung in Webanwendungen

In HTML4 sind alle von js erstellten Programme Single-Threaded. Wenn es lange dauert, reagiert die Weboberfläche lange nicht. Im schlimmsten Fall wird ein Skript-Eingabeaufforderungsfeld angezeigt:

Meldung, dass die Ausführung des Skripts zu lange dauert. Möchten Sie fortfahren? . . . Dies bringt uns zum Protagonisten dieses Artikels: Web Workers API

Mit dieser API können Benutzer ganz einfach Threads erstellen, die im Hintergrund laufen:

Code kopieren

Der Code lautet wie folgt:

var worker = new Worker('*.js');
Hinweis: Der Hintergrundthread kann nicht auf das Seiten- oder Fensterobjekt zugreifen
Es kann durch Nachrichten gesendet und Nachrichten empfangen und Daten mit Hintergrundthreads übergeben werden:
worker.onmessage = function (e) {};
worker.postMessage = function (e) {};

Bitte sagen Sie es mir und:

Kopieren Sie den Code

Der Code lautet wie folgt:

< script src="../jquery-1.7.1.js" type="text/javascript">

复制代码

代码如下:

生成数组的程序
onmessage = function (e) {
var arr = [];
for (var i = 0; i < 100; i ) {
arr.push(parseInt(Math.random() * 100));
}

var worker = new Worker( 't2.js');
worker.postMessage(JSON.stringify(arr));
worker.onmessage = function (e) {
//把挑选结果发回前台
postMessage( e.data);
};
}

复制代码

代码如下:

判断数组所有数据是否被3整除
onmessage = function (e) {
var arr = JSON.parse(e.data);
var str = '';
for (var i = 0, len = arr.length; i < len; i ) {
if (parseInt(arr[i]) % 3 == 0) {
if (str != '') str = ';';
str = arr[i];
}
}
postMessage(str);
close();

};

程序逻辑描述：

这里用了个线程嵌套

首先执行前台程序，这里初始化了一个子线程„t1“用于将100个数组初始化

然后子线程t1又初始化了子线程t2（用于遍历数组，取出能被3整除的数字，组成字符串），t1将数组数据传给t2

t2 接收t1数据，计算后将将字符串转给t1，t1转给前台，前台执行自己的逻辑

流程结束

结语结果皆可.

这里看来, 结合上次的通信API Web Sockets,可以将2个结合做一个网页聊天程序,甚至还可以将本地存储/本地数据库一些东西用到.

这个样子可能是个不错的东西.