Warum verzögert JQuery die Ausführung?

Der Grund für die verzögerte Ausführung von jquery liegt darin, dass die JavaScript-Engine des Browsers in den frühen Tagen der Webentwicklung noch relativ rudimentär war und einige komplexe JavaScript-Codes nicht gut analysieren und ausführen konnte. Da Webanwendungen immer komplexer wurden, entstand jQuery des Frameworks löst dieses Problem. Um den Seiteninhalt besser zu schützen, möchten Sie gleichzeitig nicht, dass Benutzer beim Laden der Seite das Flackern von DOM-Elementen oder andere Fehler im Dokument sehen.

Das Betriebssystem dieses Tutorials: Windows 10-System, jQuery Version 3.6.0, Dell G3-Computer.

1. Warum verzögert jQuery die Ausführung?

In den frühen Tagen der Webentwicklung war die JavaScript-Engine des Browsers noch relativ rudimentär und konnte einige komplexe JavaScript-Codes nicht gut analysieren und ausführen. Da Webanwendungen immer komplexer werden, sind Frameworks wie jQuery entstanden, um dieses Problem zu lösen. Um den Seiteninhalt besser zu schützen, möchten Sie gleichzeitig nicht, dass Benutzer beim Laden der Seite das Flackern von DOM-Elementen oder andere Fehler im Dokument sehen. DOM-Manipulationen und andere Operationen können mit der Funktion „$(document).ready()“ durchgeführt werden.

2. Was ist die Funktion?

Mit der Funktion „$(document).ready()“ kann sichergestellt werden, dass der jQuery-Code erst ausgeführt wird, nachdem der DOM-Baum erstellt wurde. Mit anderen Worten: Diese Funktion garantiert die Ausführungszeit des jQuery-Codes, ohne von der Seitenladegeschwindigkeit und der Ereignisauslösezeit beeinflusst zu werden, wodurch der Code stabiler und zuverlässiger wird und einige unnötige Fehler vermieden werden.

3. Wie geht das?

Um eine verzögerte Ausführung von jQuery zu erreichen, können Sie die folgenden Methoden verwenden:

1. Wickeln Sie den jQuery-Code in die Funktion „$(document).ready()“, zum Beispiel:

  ```javascript
  $(document).ready(function () {
      // jQuery code goes here
  });
  ```

2 , können Sie die Abkürzungssyntax „$()“ verwenden, wie unten gezeigt:

```javascript
  $(function () {
      // jQuery code goes here
  });
```

3 Eine andere Möglichkeit besteht darin, das Attribut „defer“ zu verwenden, um die Ausführungszeit des gesamten JavaScript zu verzögern und sicherzustellen, dass die Analyse des HTML abgeschlossen ist Erstens ähnlich wie „async“. Es gibt jedoch einige subtile Unterschiede, wie zum Beispiel die Reihenfolge:

```html
  <script src="jquery.js" defer></script>
  <script src="main.js" defer></script>
```

Auf diese Weise wird die Verwendung der Bereitschaftsfunktion nicht empfohlen

Das obige ist der detaillierte Inhalt vonWarum verzögert JQuery die Ausführung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!