Inline-Web-Worker: Wann und wie werden sie eingesetzt?-js-Tutorial-php.cn

Inline-Web-Worker: Wann und wie werden sie eingesetzt?

Mary-Kate Olsen

Freigeben： 2024-10-30 00:14:02

Original

472 Leute haben es durchsucht

Inline Web Workers: When and How to Use Them?

Inline-Web-Worker: Ein umfassender Leitfaden

Während Web-Worker normalerweise in separaten JavaScript-Dateien definiert werden, gibt es eine Methode, sie inline zu erstellen innerhalb derselben HTML-Datei. Dieser Ansatz ist vorteilhaft, wenn die Anzahl der separaten Dateien für die Verteilung minimiert werden soll, insbesondere wenn Tools wie der Closing-Compiler zur Codeoptimierung verwendet werden.

Inline-Web-Worker erstellen

Inline-Web-Worker verwenden Blob(), um ein URL-Handle für den Worker-Code als Zeichenfolge zu erstellen. Dadurch kann der Worker direkt in die HTML-Datei eingebunden werden. Hier ist ein vollständiges Beispiel:

HTML mit Inline-Worker-Code:

<code class="html"><!DOCTYPE html>
<script id="worker1" type="javascript/worker">
  // This script won't be parsed by JS engines due to its type.
  self.onmessage = function(e) {
    self.postMessage('msg from worker');
  };
</script></code>

Nach dem Login kopieren

Haupt-JavaScript-Code:

<code class="javascript">var blob = new Blob([
  document.querySelector('#worker1').textContent
], { type: "text/javascript" });

// Use window.webkitURL.createObjectURL() for Chrome versions below 11.
var worker = new Worker(window.URL.createObjectURL(blob));
worker.onmessage = function(e) {
  console.log("Received: " + e.data);
};
worker.postMessage("hello"); // Start the worker.</code>

Nach dem Login kopieren

In diesem Beispiel wird der Inline-Worker-Code innerhalb des

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

2229

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2372

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47