RequireJS是一個JS文件,主要的功能是優化頁面JS的載入,在平時我們在html頁面使用的是script標簽來載入JS,如下示例:
<script src="1.js"></script>
<script src="2.js"></script>
<script src="3.js"></script>
這樣的寫法有很大的缺點。首先,加載的時候,瀏覽器會停止網頁渲染,加載文件越多,網頁失去響應的時間就會越長;其次,由于js文件之間存在依賴關系,因此必須嚴格保證加載順序(比如上例的1.js要在2.js的前面),依賴性最大的模塊一定要放到最后加載,當依賴關系很復雜的時候,代碼的編寫和維護都會變得困難。
require.js的誕生,就是為了解決這兩個問題:
(1)實現js文件的異步加載,避免網頁失去響應;
(2)管理模塊之間的依賴性,便于代碼的編寫和維護。
使用require.js后你將不再使用script標簽在HTML中引入JS文件,以及不用通過script標簽順序去管理依賴關系,我們要做的就是在頁面中引入require.js,然后做相應的配置即可,這樣不僅可以簡化頁面的js導入配置,還可以提高網頁的訪問速度。
RequireJS官網:http://requirejs.org/
RequireJS 中文網:http://www.requirejs.cn/
RequireJS 入門指南:http://www.chinaz.com/program/2013/0827/314947.shtml
JS模塊化工具requirejs教程(一)-初識requirejs:http://www.runoob.com/w3cnote/requirejs-tutorial-1.html
JS模塊化工具requirejs教程(二)-基本知識:http://www.runoob.com/w3cnote/requirejs-tutorial-2.html
RequireJS學習筆記:http://www.cnblogs.com/yexiaochai/tag/require.js/
JS使用RequireJS載入模塊:http://www.wpnoob.cn/a-2128.html
RequireJS相關知識:http://www.randomwithlife.com/tag-RequireJS-1.html