Rumah > hujung hadapan web > tutorial js > Gunakan definisi mini untuk melaksanakan pengurusan modular kemahiran code_javascript bahagian hadapan

Gunakan definisi mini untuk melaksanakan pengurusan modular kemahiran code_javascript bahagian hadapan

WBOY
Lepaskan: 2016-05-16 16:24:33
asal
1657 orang telah melayarinya

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan