Ketika fungsi situs web secara bertahap menjadi lebih kaya, JS di halaman web menjadi lebih dan lebih kompleks dan membengkak. Metode asli mengimpor file JS melalui tag skrip tidak dapat lagi memenuhi model pengembangan internet saat ini. Kami membutuhkan serangkaian kebutuhan kompleks seperti kolaborasi tim, penggunaan kembali modul, pengujian unit, dll.
Persyaratan adalah kerangka pemuatan modul JavaScript yang sangat kecil dan merupakan salah satu pelaksana terbaik dari spesifikasi AMD. Versi terbaru dari NeedJS hanya 14k setelah kompresi, yang sangat ringan. Ini juga dapat bekerja bersama dengan kerangka kerja lain, dan menggunakan NepseJS pasti akan meningkatkan kualitas kode front-end Anda.
Manfaat apa yang bisa dibawa oleh orang
Deskripsi Resmi Persyaratan:
Persyaratan adalah file JavaScript dan Module Loader. Ini dioptimalkan untuk penggunaan in-browser, tetapi dapat digunakan di lingkungan JavaScript lainnya, seperti badak dan node. Menggunakan loader skrip modular seperti NeedJS akan meningkatkan kecepatan dan kualitas kode Anda.
Arti Umum:
Di browser, dapat digunakan sebagai pemuat modul untuk file JS, atau dapat digunakan di lingkungan simpul dan badak, Balabala ... Bagian ini menggambarkan fungsi dasar dari persyaratan "pemuatan modular". Apa itu pemuatan modular? Kami akan menjelaskan satu per satu dari halaman berikut
Pertama -tama mari kita lihat skenario umum, dan jelaskan cara menggunakan persyaratan melalui contoh -contoh
Metode penulisan normal
index.html:
<! Doctype html> <html> <head> <script type = "text/javaScript" src = "a.js"> </script> </head> <pan body> <span> </span> </body> </html>
A.JS:
function fun1 () {alert ("It Works");} fun1 ();Mungkin Anda lebih suka menulis ini
(function () {function fun1 () {alert ("it works");} fun1 ();}) ()Metode kedua menggunakan ruang lingkup blok untuk menyatakan bahwa fungsi mencegah variabel global yang berpolusi. Essensinya masih sama. Saat menjalankan dua contoh di atas, saya tidak tahu apakah Anda memperhatikan bahwa ketika peringatan dieksekusi, konten HTML kosong, yaitu, <span> body </span> tidak ditampilkan, dan hanya muncul setelah mengklik konfirmasi. Ini adalah hasil dari JS yang memblokir rendering browser.
Metode Penulisan Persyaratan
Tentu saja, pertama -tama, Anda harus pergi ke situs web Persyaratan untuk mengunduh JS -> equipjs.rog
index.html:
<! Doctype html> <html> <head> <script type = "text/javaScript" src = "need.js"> </script> <script type = "text/javascript"> membutuhkan (["a"]); </script> </head> <body> <span> body </span> </body> </html>
A.JS:
define (function () {function fun1 () {alert ("it works");} fun1 ();})Browser meminta "itu berfungsi", yang berarti berjalan dengan benar, tetapi ada sedikit perbedaan. Kali ini browser tidak kosong, dan tubuh telah muncul di halaman. Sejauh ini, kita dapat mengetahui bahwa persyaratan memiliki keunggulan berikut:
1. Mencegah pemuatan JS dari rendering halaman pemblokiran
2. Muat JS Menggunakan Panggilan Program untuk Mencegah Adegan Jelek berikut
<type script = "Text/JavaScript" src = "a.js"> </script> <script type = "text/javascript" src = "b.js"> </script> <script type = "text/javascript" src = "c.js"> </script> <script = "Teks/Teks/JavaScript" SRC = "C." src = "d.js"> </script> <script type = "text/javascript" src = "e.js"> </script> <script type = "text/javascript" src = "f.js"> </script> <script type = "text/javascript" src = "f.js"> </script> script> script = "text/javascript" src = "f.js"> </script> script> script> script> script> text/javascript "src =" f.js "> </Script> </Script> </Script> </Script> </Script> </Script> </Script> </Script> </Script> </Script> </Script> </Script> </Script> src = "g.js"> </script> <script type = "text/javascript" src = "h.js"> </script> <script type = "text/javascript" src = "i.js"> </skrip type = "text/javascript" src = "j.js"> </Script>
Di atas adalah semua tentang artikel ini. Saya harap ini akan membantu semua orang untuk memahami alat modular yang diperlukan.js.