Mini-Define
Kerangka kerja modular front-end sederhana diimplementasikan berdasarkan kebutuhan. Jika Anda tidak ingin menghabiskan waktu belajar membutuhkan.js, atau melihat spesifikasi CMD/AMD yang panjang, maka mini-define ini adalah pilihan yang baik untuk Anda. Jika Anda telah menggunakan Sea.js atau membutuhkan.js sebelumnya, mini-define lebih efisien, lebih ringan dan lebih mudah digunakan. Alamat Proyek: GitHub
penggunaan
Pertama -tama tentukan modul
Tentukan modul
1: Gunakan fungsi define untuk mendefinisikan modul
1.1 Bergantung pada apakah ada ketergantungan, ada dua situasi:
1.1.1: Modul tanpa dependensi
Salinan kode adalah sebagai berikut:
define ('id', function () {
// Letakkan kode Anda di sini
});
1.1.2: Modul ketergantungan
Salinan kode adalah sebagai berikut:
define ('id', ['Modea', 'ModeB'], function (a, b) {
// Letakkan kode Anda di sini
});
1.2 Menurut apakah hasil pemrosesan perlu dikembalikan untuk penggunaan eksternal, dapat dibagi menjadi dua situasi:
1.2.1 Ada objek pengembalian:
Salinan kode adalah sebagai berikut:
define ('id', function () {
kembali {
// Letakkan kode Anda di sini
}
});
1.2.2 Tidak ada objek yang dikembalikan
Salinan kode adalah sebagai berikut:
define ('id', function () {
// Letakkan kode Anda di sini
});
Dua: gunakan fungsi membutuhkan () untuk memanggil modul
2.1 Menurut jumlah modul yang diminta, mungkin ada dua situasi:
2.1.1. Memanggil satu modul
membutuhkan ('modeid')
2.1.2. Memanggil beberapa modul
membutuhkan (['Modea', 'Mode']);
2.2 Menurut apakah ada pemrosesan panggilan balik, itu dapat dibagi menjadi dua situasi:
2.2.1 Ada fungsi pemrosesan panggilan balik
Salinan kode adalah sebagai berikut:
membutuhkan ('modeid', function (mode) {
// Letakkan kode Anda di sini
});
Membutuhkan (['modea', 'MODEB'], function (a, b) {
// Letakkan kode Anda di sini
});
2.2.2 Tidak ada pemrosesan panggilan balik
membutuhkan ('modeid');
Kemudian lihat modul yang diperlukan secara bergantian pada halaman index.html
Salinan kode adalah sebagai berikut:
<!-Modul inti->
<skrip src = "lib/core/need.js"> </script>
<!-Modul untuk demonstrasi->
<skrip src = "lib/main.js"> </script>
<Script src = "lib/config.js"> </ptript>
<skrip src = "lib/init.js"> </script>
Akhirnya, gabungkan dan kompres direktori LIB dengan cara yang Anda inginkan untuk menghasilkan file min.js. Saat menerbitkan aplikasi, index.html yang sesuai juga perlu disesuaikan:
Salinan kode adalah sebagai berikut:
<skrip src = "lib/min.js"> </script>
keuntungan:
Dibandingkan dengan seajs.js atau kebutuhan asli.js, kode dengan hanya seratus baris komentar dapat digambarkan sebagai ringan dan terlihat gemuk, yang benar -benar kurus.
Tidak ada konten canggih atau keterampilan yang kompleks sama sekali, dan hampir tidak ada biaya belajar.