Analisis ringkas kemahiran pramuat js/lazy loading_javascript

Pra pemuat Secara umumnya terdapat dua kaedah pramuat biasa: xhr dan memasukkan nod secara dinamik. Memasukkan nod secara dinamik ialah kaedah pemuatan tak segerak yang paling mudah dan meluas Kemudian fail yang dimuatkan menggunakan kaedah nod yang dimasukkan secara dinamik akan dilaksanakan serta-merta selepas dimuatkan Di satu pihak, pelaksanaan javascript akan menduduki proses pelaksanaan js pelayar, dan sebaliknya. tangan, ia mungkin Mengubah struktur halaman, dan pelaksanaan css lebih berkemungkinan mengubah keseluruhan halaman. Walaupun kaedah xhr tidak akan melaksanakan skrip, disebabkan oleh sekatan dalam domain yang sama

Kaedah pemuat malas sangat berguna dalam sesetengah laman web dengan banyak gambar Gambar di luar kawasan yang boleh dilihat pelayar tidak akan dimuatkan sehingga pengguna menatal halaman ke tempat mereka berada, jadi untuk laman web dengan banyak gambar Untuk. halaman web yang lebih panjang, mereka boleh memuatkan lebih cepat dan menjimatkan lebar jalur pelayan. Terdapat juga pemalam dalam pemalam jQuery untuk mencapai fungsi ini.

Teknologi ini digunakan dalam ruang QQ Tencent dan Weibo Pada tapak web dengan bilangan lawatan yang banyak, ini secara relatifnya boleh mengurangkan tekanan pada pelayan, dan hanya permintaan dibuat apabila pengguna mengakses kawasan yang boleh dilihat dan kandungan berikut. Daripada memuat turun keseluruhan halaman sekaligus, pengguna sedang menunggu kandungan untuk dibentangkan semasa proses muat turun.

Gunakan Imej().src baharu dalam IE untuk pramuat fail.
Pelayar lain menggunakan teg document.createElement('objek') yang dimasukkan secara dinamik untuk melengkapkan pemuatan.

Penerangan:
1. Sebab Image().src baharu tidak boleh digunakan dalam ff adalah kerana ff melaksanakan cache berasingan untuk imej. Pada masa yang sama, safari dan krom nampaknya tidak dicache.
2. Tag objek yang dimasukkan secara dinamik perlu dimasukkan ke dalam bahagian bukan kepala untuk mencetuskan pemuatan.
3. Dalam ie7 dan ie8, anda juga boleh menggunakan objek dinamik untuk memuatkan fail melalui beberapa kod.