Mengapa jquery melambatkan pelaksanaan?

Sebab pelaksanaan tertunda jquery ialah pada hari-hari awal pembangunan Web, enjin JavaScript penyemak imbas masih agak asas dan tidak dapat menghuraikan dan melaksanakan beberapa kod JavaScript yang kompleks dengan baik Memandangkan aplikasi Web menjadi semakin banyak menjadi lebih kompleks, kemunculan rangka kerja seperti jQuery menyelesaikan masalah ini. Pada masa yang sama, untuk melindungi kandungan halaman dengan lebih baik, anda tidak mahu pengguna melihat kelipan elemen DOM atau ralat lain dalam dokumen apabila halaman dimuatkan.

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.0, komputer Dell G3.

1. Mengapakah jQuery menangguhkan pelaksanaan?

Pada masa awal pembangunan Web, enjin JavaScript penyemak imbas masih agak asas dan tidak dapat menghuraikan dan melaksanakan beberapa kod JavaScript yang kompleks dengan baik. Apabila aplikasi web menjadi semakin kompleks, rangka kerja seperti jQuery telah muncul untuk menyelesaikan masalah ini. Pada masa yang sama, untuk melindungi kandungan halaman dengan lebih baik, anda tidak mahu pengguna melihat kelipan elemen DOM atau ralat lain dalam dokumen apabila halaman dimuatkan. Manipulasi DOM dan operasi lain boleh dilakukan menggunakan fungsi `$(document).ready()`.

2.

Menggunakan fungsi `$(document).ready()` boleh memastikan bahawa kod jQuery hanya akan dilaksanakan selepas pepohon DOM dibina. Dalam erti kata lain, fungsi ini menjamin masa pelaksanaan kod jQuery tanpa dipengaruhi oleh kelajuan memuatkan halaman dan masa pencetus acara, dengan itu menjadikan kod lebih stabil dan boleh dipercayai serta mengelakkan beberapa ralat yang tidak perlu.

3.

Untuk mencapai pelaksanaan tertunda jQuery, anda boleh menggunakan kaedah berikut:

1 Balut kod jQuery dalam fungsi `$(document).ready()` , sebagai contoh:

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

2 Sebagai alternatif, anda boleh menggunakan sintaks singkatan `$()`, seperti yang ditunjukkan di bawah:

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

3 untuk menangguhkan masa pelaksanaan semua JavaScript, Pastikan anda melengkapkan penghuraian HTML terlebih dahulu, serupa dengan `async`. Tetapi mereka mempunyai beberapa perbezaan halus, seperti susunan:

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

Dengan cara ini, tidak digalakkan untuk menggunakan fungsi sedia

Atas ialah kandungan terperinci Mengapa jquery melambatkan pelaksanaan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!