1. บทนำ
Seajs ซึ่งเป็นเฟรมเวิร์กการโหลดโมดูลเว็บ ใช้วิธีการเขียนและจัดระเบียบโค้ดที่เรียบง่ายและเป็นธรรมชาติ Sea.js เป็นไปตามข้อกำหนด CMD และทำให้โค้ด JS เป็นโมดูล การโหลดการขึ้นต่อกันอัตโนมัติและการกำหนดค่าที่กระชับและชัดเจนช่วยให้โปรแกรมเมอร์มุ่งเน้นไปที่การเขียนโค้ดมากขึ้น
2. ข้อดีและข้อเสีย
ข้อได้เปรียบ:
1) ปรับปรุงการบำรุงรักษา
2) การเขียนโปรแกรมแบบโมดูลาร์
3) การโหลดแบบไดนามิก การเพิ่มประสิทธิภาพส่วนหน้า
ข้อบกพร่อง:
1) เอกสารการเรียนรู้กระจัดกระจายและสับสน ซึ่งจะเปลี่ยนนิสัยการเขียนของทีมในการใช้ JS และต้องใช้การเขียนโปรแกรมแบบโมดูลาร์
2) ไม่เหมาะกับสถานการณ์ปัจจุบันของทีม มีไฟล์ JS มากมาย แต่มีการเปลี่ยนแปลงเล็กน้อย ข้อดีของการโหลดแบบไดนามิกและการแยกส่วนไม่ชัดเจน
3) ต้องใช้เครื่องมือ SPM เครื่องมือบรรจุภัณฑ์และการจัดการ JS
2. CMD และ AMD คืออะไร
Asynchronous Module Definition (AMD) เป็นตัวย่อของ Asynchronous Module Definition ซึ่งเป็นเอาต์พุตมาตรฐานของคำจำกัดความโมดูลในระหว่างกระบวนการส่งเสริมของ RequireJS
Common Module Definition (CMD) เป็นตัวย่อของ Common Module Definition ซึ่งเป็นเอาต์พุตมาตรฐานของคำจำกัดความของโมดูลในระหว่างกระบวนการส่งเสริมของ SeaJS
RequireJS และ SeaJS เป็นตัวแทนของเฟรมเวิร์กโมดูลาร์ AMD และ CMD เป็นวิธีการกำหนดโมดูลาร์ตามลำดับ โดยส่วนใหญ่จะอยู่ในรูปแบบการเข้ารหัสและ API
3. วิธีใช้?
คัดลอกโค้ดดังนี้: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<สคริปต์>
// กำหนดค่าเส้นทาง js
seajs.config({
นามแฝง:{
"jquery":../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
-
-
//โหลดโมดูล
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
-
</สคริปต์>
คัดลอกรหัสรหัสดังต่อไปนี้:
//init.js
กำหนด (ฟังก์ชั่น (ต้องการ, ส่งออก, โมดูล) {
var $ = ต้องการ('jquery');
ส่งคืน $;
-