Semua Kode Sumber Sea.js disimpan di GitHub: https://github.com/seajs/examples, dan struktur direktori adalah:
Contoh/ |-Modul laut menyimpan Seajs, jQuery, dan file lainnya, yang juga merupakan direktori penempatan modul |-statis menyimpan file JS dan CSS untuk setiap proyek ||-halo | |- Lucky | `- TODO`- App Stores HTML dan File Lainnya |- Hello.html |- Lucky.html `- Todo.html
Memperkenalkan file utama Seajs
<skrip src = "js/sea.js"> </script> <script type = "text/javascript"> // item konfigurasi seajs seajs.config ({// atur jalur js dasar (mengacu pada direktori root dari file eksternal: ". // konfigurasi jalur (digunakan saat menelepon lintas direktori atau ketika direktori lebih dalam) jalur: {'jQuery': 'http://libs.baidu.com/jquery/2.0.0/'}, // atur file encoding charset: "UTF-8", // preload file preload: ['jQuery']}; // Referensi file entri utama seajs.use (['main', 'jQuery'], function (e, $) {// callback function alert ("Load All Sulai");}); </script>File Entri Utama Seajs (Utama)
define (fungsi (membutuhkan, ekspor, modul) {// testreq.testinit (); // jalankan metode antarmuka yang dirilis oleh indeks (modul) testedreq.textfun ();});File Ketergantungan Seajs (Indeks)
define(function(require, exports, module) { // Release the interface to the outside exports.testInit = function(){ alert("I am an interface"); }; // If you need to release a large number of interfaces, you can use module var testObj = { name:"qiangck", sex:"man", textFun:function(){ alert("I am an object method using module.exports ");}} // module.Exports menerima modul objek OBJ.Exports = testObj;});Pesanan Pemuatan File
Mari kita mulai dengan hello.html untuk melihat cara mengatur kode menggunakan Sea.js.
Memuat modul di halaman
Di akhir halaman Hello.html, setelah memperkenalkan Sea.js melalui skrip, ada kode konfigurasi:
// Konfigurasi sederhana Seajs seajs.config ({base: "../sea-odules/", alias: {"jQuery": "jQuery/jQuery/1.10.1/jQuery.js"}}) // Muat modul masuk Seajs.use ("../ static/hello/src/src"))Setelah unduhan Sea.js selesai, modul entri akan dimuat secara otomatis. Kode di halaman sesederhana itu.
Kode Modul
Game kecil ini memiliki dua modul, Spinning.js dan Main.js, yang mengikuti metode penulisan terpadu:
// Semua modul define define (function (membutuhkan, ekspor, modul) {// memperkenalkan ketergantungan var melalui membutuhkan $ = membutuhkan ('jQuery'); var spinning = membutuhkan ('./ spinning'); // Berikan antarmuka ke luar melalui ekspor.Di atas adalah format penulisan modul CMD yang direkomendasikan oleh Sea.js. Jika Anda menggunakan Node.js, semuanya alami.