HTML5 Web Workers Web サイトは、multi-threading_html5 チュートリアル スキルを使用して実装することもできます

Web ワーカーは HTML5 の新機能で、Web アプリケーションでバックグラウンド処理を実装するために使用されるテクノロジーです

HTML4 では、js で作成されたプログラムはすべてシングルスレッドです。時間がかかると、Web インターフェイスが長時間応答しなくなり、最悪の場合、スクリプト プロンプト ボックスが表示されます。

スクリプトの実行に時間がかかりすぎるというメッセージが表示されます。続行しますか? 。 。 。ここから、この記事の主人公である Web Workers API

に行き着きます。

この API を使用すると、バックグラウンドで実行されるスレッドを簡単に作成できます。

コードをコピーコードは次のとおりです:

var worker = new Worker('*.js');
注: バックグラウンド スレッドはページまたはウィンドウ オブジェクトにアクセスできません
メッセージで送信したり、メッセージを受信したり、バックグラウンド スレッドでデータを渡したりすることができます:
worker.onmessage = function (e) {};
worker.postMessage = function (e) {};

教えてください そして:

コードをコピーしますコードは次のとおりです:

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

复制代码

代码如下:

生成数组的程序
onmessage = function (e) {
var arr = [];
for (var i = 0; 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 if (parseInt(arr[i]) % 3 == 0) {
if (str != '') str = ';';
str = arr[i];
}
}
postMessage(str);
close();

};

程序逻辑説明：

这里用了个線程嵌套

最初に実行する前台程序、ここでは 100 個の数グループを初期化するために使用される子回線プログラム「t1」を初期化しました

その後、子回線程t1また初期化完了子回線程t2(遍歴数組、3整除できる数字、構成文字列に使用)、t1将数組データ転送给t2

t2 t1 データを受信し、計算後、字符串转给t1、t1转给前台、前台実行自己の逻辑

流程结束

语

简单来说，我此这就是子線程，而後送出データ给子線ポストメッセージ，其後等待結果皆可。

ここで、上流の通信 API Web ソケットを組み合わせて 2 つを組み合わせて 1 つのネットワーク プロトコルを構成したり、ローカルに保存したり、ローカルにデータを保存したりすることもできます。

この子はおそらく不屈の西人です。