投稿カテゴリー:HTML投稿の最終変更日:2022年3月31日Webワーカーは、ページのパフォーマンスに影響を与えずにバックグラウンドで実行されているJavaScriptです。この記事の概要Webワーカーとは何ですか?ブラウザのサポートWebワーカーファイルを作成するWebワーカーオブジェクトを作成します。フルWebワーカーのサンプルコードWebワーカーとDOMWebワーカーとは何ですか?HTMLページでスクリプトを実行すると、スクリプトが終了するまでページは応答しなくなります。Webワーカーは、ページのパフォーマンスに影響を与えることなく、他のスクリプトとは関係なくバックグラウンドで実行されるJavaScriptです。Webワーカーがバックグラウンドで実行されている間も、クリック、モノの選択など、必要なことは何でも続けることができます。Workersを完全にサポートする最初のブラウザバージョンを示しています。11.5スポンサーリンクWebワーカーファイルを作成するそれでは、外部のJavaScriptでWebワーカーを作成しましょう。ここでは、重要なスクリプトを作成します。ファイルに格納されています。1;postMessage(i);setTimeout(“timedCount()”,500);}timedCount();上記のコードの重要な部分はpostMessage()メソッドです。これはHTMLページにメッセージをポストバックするために使用されます。通常、Webワーカーはそのような単純なスクリプトには使用されませんが、よりCPUを集中的に使用するタスクに使用されます。Webワーカーオブジェクトを作成します。Webワーカーファイルができたので、HTMLページから呼び出す必要があります。次の行では、ワーカーがすでに存在するかどうかを確認します。“demo_workers.js”のコードを実行します。Worker(“demo_workers.js”);}その後、Webワーカーとメッセージを送受信できます。イベントリスナをWebワーカーに追加してください。event.data;};Webワーカーがメッセージを投稿すると、イベントリスナー内のコードが実行されます。Webワーカーからのデータはevent.dataに格納されています。スポンサーリンクWebワーカーを終了するWebワーカーオブジェクトが作成されると、それは終了するまで(外部スクリプトが終了した後でも)メッセージを待機し続けます。w.terminate();Webワーカーを再利用するワーカー変数を未定義に設定した場合は、終了後にコードを再利用できます。フルWebワーカーのサンプルコード.jsファイルでワーカーコードを既に見ました。以下はHTMLページのコードです。undefined;}</script></body></html>WebワーカーとDOMWebワーカーは外部ファイルにあるため、次のJavaScriptオブジェクトにアクセスすることはできません。(任意)次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。