[解決済み] Web Workersのユースケースは?[クローズド]
質問
を実際に使用する場合のシナリオを探しています。 Web Workers API .
解決方法は?
-
ジョン・レシグ (jQueryで有名な)が ウェブワーカーを使用した興味深い例の数々をご覧ください。 - ゲーム、グラフィックス、暗号。
-
もうひとつの用途は、Web I/O、つまり、バックグラウンドでURLをポーリングすることです。そうすれば、ポーリング結果を待つためにUIをブロックする必要がありません。
-
もうひとつの実用的な使い方として、Bespin では Web Workers を使ってシンタックスハイライトを行い、その際に しない アプリを使用している間、コード編集の邪魔にならないようにしたい。
-
から モジラ : Worker が有用なのは、ユーザー インターフェイスのスレッドをブロックすることなく、プロセッサ負荷の高い計算をコードで実行できるようにすることです。
実際の例として、#の大きなテーブルを持つアプリを考えてみてください(ちなみにこれは現実の世界で、私が2年前にプログラミングしたアプリから引用しました)。入力フィールドからテーブルの#を1つ変更すると、異なる列の他の数値の束が再計算され、かなり集中的な処理が行われます。
昔のワークフローは を変更する。JavaScriptが他の数値に変更を加えている間、コーヒーを飲みに行き、ウェブページは3分間反応しなくなる - せっかく最適化したのに。コーヒーを飲んで戻る。2つ目の#を変更する。これを何度も繰り返す。SAVEボタンをクリックする。
作業員との新しいワークフローは、次のようになる可能性があります。を変更する。再計算中であることを示すステータスメッセージが表示されるが、他の#を変更することができる。さらに#を変更する。変更が終わったら、ステータスが "すべての計算が完了し、最終的な#を確認して保存できます" に変わるまで待ちます。
関連
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
vueにおけるv-forループオブジェクトのプロパティ
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JavaScriptのクロージャの説明
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
Vueのイベント処理とイベントモディファイアの解説
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み] JavaScriptとスレッド