Gunakan definisi mini untuk melaksanakan pengurusan modular kemahiran code_javascript bahagian hadapan

takrif mini

Rangka kerja modular bahagian hadapan yang ringkas berdasarkan keperluan. Jika anda tidak mahu menghabiskan masa belajar require.js atau membaca spesifikasi cmd/amd yang panjang, maka takrifan mini ini ialah pilihan yang baik untuk anda. Jika anda pernah menggunakan sea.js atau require.js sebelum ini, definisi mini adalah lebih cekap, ringan dan lebih mudah digunakan. Alamat projek: github

Penggunaan

Tentukan dahulu modul

Takrifkan modul

1: Gunakan fungsi define untuk mentakrifkan modul

1.1 Bergantung pada sama ada terdapat kebergantungan, terdapat dua situasi:

1.1.1: Modul tanpa kebergantungan

Salin kod Kod adalah seperti berikut:

          define('id',function(){
                       // letakkan kod anda di sini
});

1.1.2: Modul bergantung

Salin kod Kod adalah seperti berikut:

​​​​ define('id',['modeA','modeB'],function(A,B){
                       // letakkan kod anda di sini
});

1.2 Bergantung pada sama ada hasil pemprosesan perlu dikembalikan untuk kegunaan luaran, terdapat dua situasi:

1.2.1 mempunyai objek kembali:

Salin kod Kod adalah seperti berikut:

              define('id',function(){
                   kembali {
                                      // letakkan kod anda di sini
                }
            });

1.2.2 Tiada objek dikembalikan

Salin kod Kod adalah seperti berikut:

              define('id',function(){
                               // letakkan kod anda di sini
            });

Dua: Panggil modul menggunakan fungsi require()

2.1 Bergantung pada bilangan modul yang diminta, terdapat dua situasi:

2.1.1 Memanggil satu modul

memerlukan('modeId')

2.1.2. Panggil berbilang modul
             memerlukan(['modA','modB']);
2.2 Bergantung pada sama ada terdapat pemprosesan panggilan balik, ia boleh dibahagikan kepada dua situasi:

2.2.1 Terdapat fungsi pemprosesan panggil balik

Salin kod Kod adalah seperti berikut:

             memerlukan('modeId',fungsi(mod){
                         //letak kod anda di sini
            });

memerlukan(['modA','modB'],fungsi(A,B){
                         //letak kod anda di sini
            });

2.2.2 Tiada pemprosesan panggil balik
              memerlukan('modeId');
Kemudian rujuk modul yang diperlukan mengikut urutan pada halaman index.html

Salin kod Kod adalah seperti berikut:

Langkah terakhir ialah menggabungkan dan memampatkan direktori lib dengan cara kegemaran anda untuk menjana fail min.js. Semasa menerbitkan aplikasi, index.html yang sepadan juga perlu dilaraskan:

Salin kod Kod adalah seperti berikut:

Kelebihan:

Berbanding dengan seajs.js atau require.js asal, kod yang hanya mempunyai kira-kira seratus baris anotasi kelihatan gemuk dan kurus untuk menggambarkannya sebagai ringan.
Tiada kandungan lanjutan sama sekali, tiada kemahiran yang rumit, dan hampir sifar kos pembelajaran.