นิล-นิว
เฟรมเวิร์กโมดูลส่วนหน้าอย่างง่ายที่ใช้งานตามความต้องการ หากคุณไม่ต้องการใช้เวลาในการเรียนรู้ที่ต้องการ js หรือดูข้อมูลจำเพาะ CMD/AMD ที่ยาวนาน Mini-Define นี้เป็นตัวเลือกที่ดีสำหรับคุณ หากคุณเคยใช้ sea.js หรือ require.js มาก่อนมินิ-นิยามจะมีประสิทธิภาพมากขึ้นเบาและใช้งานง่ายกว่า ที่อยู่โครงการ: GitHub
การใช้งาน
ก่อนกำหนดโมดูล
กำหนดโมดูล
1: ใช้ฟังก์ชั่นกำหนดเพื่อกำหนดโมดูล
1.1 ขึ้นอยู่กับว่ามีการพึ่งพามีสองสถานการณ์:
1.1.1: โมดูลที่ไม่มีการพึ่งพา
การคัดลอกรหัสมีดังนี้:
กำหนด ('id', function () {
// ใส่รหัสของคุณที่นี่
-
1.1.2: โมดูลการพึ่งพา
การคัดลอกรหัสมีดังนี้:
กำหนด ('id', ['modea', 'modeb'], ฟังก์ชัน (a, b) {
// ใส่รหัสของคุณที่นี่
-
1.2 ตามที่ต้องส่งคืนผลการประมวลผลเพื่อการใช้งานภายนอกหรือไม่สามารถแบ่งออกเป็นสองสถานการณ์:
1.2.1 มีวัตถุส่งคืน:
การคัดลอกรหัสมีดังนี้:
กำหนด ('id', function () {
กลับ {
// ใส่รหัสของคุณที่นี่
-
-
1.2.2 ไม่มีวัตถุส่งคืน
การคัดลอกรหัสมีดังนี้:
กำหนด ('id', function () {
// ใส่รหัสของคุณที่นี่
-
สอง: ใช้ฟังก์ชั่นต้องการ () เพื่อเรียกโมดูล
2.1 ตามจำนวนโมดูลที่ร้องขออาจมีสองสถานการณ์:
2.1.1. เรียกโมดูลเดียว
ต้องการ ('modeid')
2.1.2. เรียกหลายโมดูล
ต้องการ (['modea', 'modeb']);
2.2 ตามที่มีการประมวลผลการโทรกลับสามารถแบ่งออกเป็นสองสถานการณ์:
2.2.1 มีฟังก์ชั่นการประมวลผลการโทรกลับ
การคัดลอกรหัสมีดังนี้:
ต้องการ ('modeid', ฟังก์ชั่น (โหมด) {
// ใส่รหัสของคุณที่นี่
-
ต้องการ (['modea', 'modeb'], ฟังก์ชัน (a, b) {
// ใส่รหัสของคุณที่นี่
-
2.2.2 ไม่มีการประมวลผลการโทรกลับ
ต้องการ ('modeid');
จากนั้นอ้างถึงโมดูลที่ต้องการในหน้า index.html
การคัดลอกรหัสมีดังนี้:
<!-โมดูลหลัก->
<script src = "lib/core/require.js"> </script>
<!-โมดูลสำหรับการสาธิต->
<script src = "lib/main.js"> </script>
<script src = "lib/config.js"> </script>
<script src = "lib/init.js"> </script>
ในที่สุดผสานและบีบอัดไดเรกทอรี LIB ในวิธีที่คุณต้องการสร้างไฟล์ min.js เมื่อเผยแพร่แอปพลิเคชันจะต้องมีการปรับ index.html ที่สอดคล้องกัน:
การคัดลอกรหัสมีดังนี้:
<script src = "lib/min.js"> </script>
ข้อได้เปรียบ:
เมื่อเทียบกับ SEAJS.JS หรือ regheds.js ต้นฉบับรหัสที่มีความคิดเห็นเพียงร้อยบรรทัดสามารถอธิบายได้ว่ามีน้ำหนักเบาและดูอ้วนซึ่งผอมอย่างสมบูรณ์
ไม่มีเนื้อหาขั้นสูงหรือทักษะที่ซับซ้อนเลยและมีค่าใช้จ่ายในการเรียนรู้เกือบเป็นศูนย์