Verständnis und Verwendung von JavaScript

(1) Was ist JavaScript?

JavaScript ist eine Skriptsprache, die für die Interaktion mit Webseiten entwickelt wurde und aus drei Teilen besteht: ( 1).ECMAScript : Stellt zentrale Sprachfunktionen bereit. (2). Document Object Model (DOM): Bietet Methoden und Schnittstellen für den Zugriff auf und den Betrieb von Webinhalten. (3) Bietet Methoden und Schnittstellen für die Interaktion mit dem Browser

(2)HTML-Codeausführung

(Moderne Browserprinzipien)

　

Autor: Qian Duoduo
Link:
Quelle: Zhihu
Das Urheberrecht liegt beim Autor. Für den kommerziellen Nachdruck wenden Sie sich bitte an den Autor, um eine Genehmigung einzuholen. Für den nichtkommerziellen Nachdruck geben Sie bitte die Quelle an.

1. Sind HTML-Download und -Ausführung synchron?

Fazit: Es kommt auf die Situation an.

Diese Beschreibung der HTML-Ausführung ist ungenau. Die sogenannte Ausführung umfasst die Phasen parseHTML, Layout und Paint. Download, parseHTML/parseCSS/executeJS, Layout und Paint erfolgen alle in unterschiedlichen Prozessen.

parseHTML/parseCSS sind parallel. Nachdem sie zusammen fertiggestellt wurden, generiert das Layout einen Rendering-Baum und dann wird Paint gerendert. Durch die Ausführung von JS kehren Sie zur Layoutphase zurück.

A. Wenn die Netzwerkgeschwindigkeit schnell genug ist und der Inhalt schnell übertragen wird, wird Parse+Layout+Paint später ausgeführt.

B. Wenn das Netzwerk schwach und die Netzwerkgeschwindigkeit sehr langsam ist, sind moderne Browser optimiert und versuchen, den empfangenen Inhalt im Voraus darzustellen, was dazu führt, dass die Seite auf dem PC blockiert erscheint eines Ausstellungsstückes.

Das Prinzip von C.chunk ist ähnlich. Jeder Chunk-Haltepunkt kann das Parsen und Rendern auslösen.

D. Einige Browser optimieren während des Downloadvorgangs kontinuierlich. Wenn das Layout berechnet, dass der Inhalt den ersten Bildschirm überschreitet, wird der Inhalt angezeigt Der Benutzer kann zuerst den ersten Bildschirminhalt sehen.

Da die meisten Prozesse parallel ablaufen, ist es sinnlos, sie im Einzelfall zu besprechen. Es ist besser, sie im Prinzip zu verstehen.

2. Sind das Herunterladen und Rendern von CSS-Dateien synchronisiert? Oder sollten sie zuerst heruntergeladen und dann gerendert werden?

Nicht sicher, ob die lexikalische Analyse von parseCss gleichzeitig während des Downloads erfolgt Prozess, aber es ist möglich. Es ist schließlich eine verlustfreie Optimierungslösung, aber am Ende muss es heruntergeladen und dann angelegt werden, um einen Rendering-Baum zu generieren und dann zu rendern.

3. Sind das Herunterladen und Ausführen von CSS-Dateien und das Herunterladen und Ausführen von HTML-Dateien parallel? Allerdings müssen Sie einige Einschränkungen beachten. Beispielsweise beträgt die maximale Anzahl gleichzeitiger Anfragen unter einem Domainnamen. Alle weiteren Anfragen müssen serialisiert werden.

4. Ist das Laden von Grafiken mit dem Herunterladen/Ausführen von HTML-Dateien synchronisiert, was ist mit Audio und Video und was ist mit anderen Ressourcen?

Das Gleiche wie oben.

5. Ist das Herunterladen und Ausführen von JS-Dateien synchron oder asynchron? Was wäre, wenn mit

Herunterladen, aber nicht ausführen? 🎜>

6. Können HTML-Dateien/Bilder/CSS-Dateien/JS-Dateien gleichzeitig heruntergeladen werden?

Normalerweise.

7. Ist es möglich, dass HTML-/CSS-Dateien/JS-Dateien gleichzeitig ausgeführt werden?

Nach dem Lesen des obigen Artikels werden Sie verstehen: HTML-Analyse und CSS-Analyse sind parallel Ja, Layout und Lackierung werden durchgeführt, nachdem beide abgeschlossen sind. Durch die neue CSS-Montage wird Layout und Lackierung verzögert. Die js-Analyse blockiert die HTML-Analyse, sodass nachfolgendes Layout und Paint nicht gleichzeitig ausgeführt werden.

(3) Verwenden Sie JavaScript in HTML

3.1<script> Element </strong></span><script> Sechs Attribute des Elements: </p> <p> 1. async: asynchrones Laden von Attributen, optional. Gilt nur für externe Skripte. Dies bedeutet, dass das Skript sofort heruntergeladen wird, andere Vorgänge auf der Seite jedoch nicht behindert werden <strong></strong> . </p> <p> 2. Zeichensatz: Zeichenkodierungsattribut, optional. Der Standardwert ist die UTF-8-Codierung, die hauptsächlich den Zeichensatz des über das src-Attribut angegebenen </p> <p>-Codes darstellt. Die meisten Browser ignorieren seinen Wert, sodass keine Notwendigkeit besteht, ihn zu verwenden. </p> <p> 3.defer: Skriptverzögerungsattribut, optional. Wird verwendet, um die Ausführungszeit des Skripts zu verzögern, bis das HTML-Dokument vollständig analysiert und angezeigt wurde. Dies gilt nur für externe Skriptdateien. </p> <p> 4. Sprache: Skripttypattribut, nicht Teil des Standards, </p>veraltet<p>. Die meisten Browser </p> <p> ignorieren dieses Attribut und es besteht keine Notwendigkeit, es zu verwenden. </p> <p> 5.src: Externe Dateiattribute verknüpfen, optional. Stellt eine externe Datei dar, die auszuführenden Code enthält. Beachten Sie, dass </p> <p> Sobald das src-Attribut festgelegt ist, der im Skriptelement geschriebene JavaScript-Code möglicherweise ungültig ist. <span style="background-color: #ff0000;"></span> 6. Typ: Skripttypattribut, erforderlich. Der Standardwert ist Text/Javascript, der als alternatives Attribut der Sprache</p> <p> betrachtet werden kann und den Inhaltstyp (auch MIME-Typ genannt) angibt, der zum Schreiben des Codes verwendet wird. </p> <p></p>Hinweis: Erscheinen </script>

nirgendwo im Code3.2 Beschriftungsposition