Penjelasan terperinci tentang pemuatan dan pelaksanaan Javascript_Pengetahuan asas

Pertama sekali, saya ingin bercakap tentang pemuatan dan pelaksanaan Javascript. Secara umumnya, penyemak imbas mempunyai dua ciri utama untuk menjalankan Javascript: 1) ia dilaksanakan serta-merta selepas dimuatkan, 2) apabila dilaksanakan, ia akan menyekat kandungan halaman berikutnya (termasuk pemaparan halaman dan memuat turun sumber lain). Oleh itu, jika berbilang fail js diimport, maka untuk penyemak imbas, fail js ini dimuatkan secara bersiri dan dilaksanakan mengikut turutan.

Oleh kerana javascript mungkin mengendalikan pepohon DOM dokumen HTML, penyemak imbas biasanya tidak memuat turun fail js secara selari seperti mereka memuat turun fail css secara selari, kerana ini disebabkan oleh kekhususan fail js. Oleh itu, jika javascript anda mahu mengendalikan elemen DOM berikutnya, pada asasnya penyemak imbas akan melaporkan ralat yang mengatakan bahawa objek tidak dapat ditemui. Kerana apabila Javascript dilaksanakan, HTML seterusnya disekat, dan tiada nod DOM berikutnya dalam pepohon DOM. Jadi program melaporkan ralat.

Cara tradisional

Jadi, apabila anda menulis dalam kod tulis kod berikut:

Salin kod Kod adalah seperti berikut:

Disebabkan "cache/script", perkara ini tidak boleh dihuraikan oleh penyemak imbas sama sekali, jadi penyemak imbas tidak boleh melaksanakan alert.js sebagai javascript, tetapi ia perlu memuat turun fail js, supaya ia boleh diselesaikan. Sayang sekali bahawa webkit mematuhi piawaian HTML dengan ketat-untuk perkara yang anda tidak kenali, hanya padamkannya dan tidak berbuat apa-apa. Jadi, impian kami hancur sekali lagi.

Jadi, kita perlu menggodam sekali lagi, seperti cara kita bermain dengan imej pramuat bertahun-tahun yang lalu, kita boleh menggunakan teg objek (atau teg iframe), jadi kita mempunyai kod berikut:

Salin kod Kod adalah seperti berikut:

function cachejs(script_filename){
var cache = document.createElement('objek');
cache.data = nama fail_skrip;
​ cache.id = "coolshell_script_cache_id";
cache.width = 0;
cache.height = 0;
Document.body.appendChild(cache);
}

Kemudian, kita panggil fungsi ini pada penghujungnya. Sila lihat contoh yang berkaitan: Contoh 6

Tekan Ctrl Shit I dalam Chrome dan beralih ke halaman rangkaian Anda boleh melihat bahawa alert.js telah dimuat turun tetapi tidak dilaksanakan Kemudian kami akan menggunakan kaedah dalam Contoh 5 kerana terdapat cache pada bahagian penyemak imbas dan ia tidak akan dilaksanakan lagi. Muat turun alert.js daripada pelayan. Oleh itu, kelajuan pelaksanaan boleh dijamin.

Anda sepatutnya biasa dengan pramuat jenis ini. Anda juga boleh menggunakan Ajax, seperti:

Salin kod Kod adalah seperti berikut:

var xhr = XMLHttpRequest();
xhr.open('DAPAT', 'new.js');
xhr.send('');

Saya tidak akan memberitahu lebih lanjut di sini, saya juga tidak akan memberikan contoh. Anda boleh mencubanya sendiri.

Akhir sekali, izinkan saya menyebut dua js, ​​satu ialah ControlJS dan satu lagi dipanggil HeadJS, yang digunakan khas untuk memuatkan fail javascript secara tidak segerak.

Baiklah, ini semua kandungan saya harap selepas membacanya, anda boleh memahami pemuatan dan pelaksanaan Javascript, serta teknologi yang berkaitan. Pada masa yang sama, saya juga berharap semua pakar front-end akan memberi nasihat kepada anda!