require.js初識

1、做用

一、實現js文件的異步加載，避免網頁失去響應。
二、管理模塊之間的依賴性，便於代碼的編寫和維護。

2、使用

嵌入require到頁面

 

<script data-main="scripts/main" src="scripts/require.js"></script>
其中：main.js用來配置相關模塊,舉個栗子：scripts/main

require.config({ paths : { "jquery" : "scripts/jquery.min", "a" : "scripts/a", "bootstrap":"scripts/bootstrap.min" }, shim:{ 'bootstrap':{'deps':'jquery'}//表示bootstrap對jquery有依賴 } })

 

 

 

 

 

 

在index.html中引入：<script data-main="scripts/main" src="scripts/require.js"></script>後,使用define(//先後參數須要一一對應)

 

define(['jquery','bootstrap','a'],function($,Bootstrap){ //doSomething })

 

 

 

附：官方文檔：http://requirejs.org/

       一看就懂的阮一峯的博客：http://javascript.ruanyifeng.com/tool/requirejs.html

 

後續會學習sea.js。並進行比較，以及AMD和CMD，對應於不一樣的應用場景。

 

http://www.haosf80.com/