ซอร์สโค้ด Sea.js ทั้งหมดจะถูกเก็บไว้ใน GitHub: https://github.com/seajs/examples และโครงสร้างไดเรกทอรีคือ:
ตัวอย่าง/ |-โมดูลทะเลเก็บ SEAJS, jQuery และไฟล์อื่น ๆ ซึ่งเป็นไดเรกทอรีการปรับใช้ของโมดูล |-เก็บไฟล์ JS และ CSS สำหรับแต่ละโครงการ ||-สวัสดี | |- โชคดี | `- todo`- แอพเก็บ html และไฟล์อื่น ๆ |- hello.html |- lucky.html `- todo.html
แนะนำไฟล์หลัก SEAJS
<สคริปต์ src = "js/sea.js"> </script> <script type = "text/javascript"> // seajs การกำหนดค่ารายการ seajs.config ({// ตั้งเส้นทาง JS พื้นฐาน (หมายถึงไดเรกทอรีรากของไฟล์ภายนอก): "js" การกำหนดค่า (ใช้เมื่อโทรข้ามไดเรกทอรีหรือเมื่อไดเรกทอรีลึกกว่า) พา ธ : {'jQuery': 'http://libs.baidu.com/jquery/2.0.0/'}, // ตั้งค่าการเข้ารหัสไฟล์ charset: "utf-8", // ไฟล์ล่วงหน้า // อ้างอิงไฟล์รายการหลัก seajs.use (['main', 'jQuery'], ฟังก์ชั่น (e, $) {// การแจ้งเตือนฟังก์ชั่นการเรียกกลับ ("โหลดทั้งหมดเสร็จสมบูรณ์");}); </script>ไฟล์รายการหลัก SEAJS (หลัก)
กำหนด (ฟังก์ชั่น (ต้องการ, การส่งออก, โมดูล) {// ไฟล์ทางเข้าหลักแนะนำการพึ่งพาไฟล์อื่น ๆ // var testreq = ต้องการ ('ดัชนี'); var testreq = require.async ('ดัชนี', ฟังก์ชัน () {// // // // testreq.testinit ();ไฟล์การพึ่งพา SEAJS (ดัชนี)
กำหนด (ฟังก์ชั่น (ต้องการ, การส่งออก, โมดูล) {// ปล่อยอินเทอร์เฟซไปยังการส่งออกภายนอก testinit = function () {การแจ้งเตือน ("ฉันเป็นอินเตอร์เฟส");}; // ถ้าคุณต้องการปล่อยอินเทอร์เฟซจำนวนมาก module.exports ");}} // module.exports ได้รับ OBJ Object Module.Exports = TestObj;});คำสั่งโหลดไฟล์
เริ่มต้นด้วย hello.html เพื่อดูวิธีการจัดระเบียบรหัสโดยใช้ Sea.js
กำลังโหลดโมดูลในหน้า
ในตอนท้ายของหน้า hello.html หลังจากแนะนำ sea.js ผ่านสคริปต์มีรหัสการกำหนดค่า:
// การกำหนดค่าอย่างง่ายของ seajs seajs.config ({base: "../sea-modules/", นามแฝง: {"jQuery": "jQuery/jQuery/1.10.1/jQuery.js"}}) // โหลดโมดูลรายการหลังจากดาวน์โหลด Sea.js เสร็จสิ้นโมดูลรายการจะถูกโหลดโดยอัตโนมัติ รหัสในหน้านั้นง่ายมาก
รหัสโมดูล
เกมเล็ก ๆ นี้มีสองโมดูลคือ Spinning.js และ main.js ซึ่งเป็นไปตามวิธีการเขียนแบบครบวงจร:
// โมดูลทั้งหมด define define (ฟังก์ชั่น (ต้องการ, การส่งออก, โมดูล) {// แนะนำ var การพึ่งพาผ่านต้องการ $ = ต้องการ ('jQuery'); var spinning = ต้องการ ('./ ปั่น'); // ให้อินเทอร์เฟซไปข้างนอกผ่านการส่งออกส่งออกข้างต้นคือรูปแบบการเขียนโมดูล CMD ที่แนะนำโดย Sea.Js หากคุณใช้ node.js ทุกอย่างเป็นธรรมชาติ