require學習筆記（一）
官網文檔，看着有點雲裏霧裏，我的寫的文檔又五花八門，好吧，我只能本身看遍各類文檔，本身總結了。去粗取精的理解。javascript
1、概念，模塊化的管理html
一、以module ID代替URL地址java
二、相對於baseUrl的地址來加載全部代碼app
三、在<script>標籤中有一個特殊屬性data-main=""，requirejs使用data-main來啓動js加載過程，baseUrl通常設置到與該項目屬性相一致的目錄。異步
<script tyoe="text/javascript" data-main="script/main.js" src="script/require.js"></script>//官方
（1）、data-main右側的main文件能夠不帶有.js後綴，也能夠帶有.js後綴
a、demo1
文件目錄：
html文件：
<!DOCTYPE html><html><headlang="en"><metacharset="UTF-8"><scriptsrc="require.js"data-main="main.js"></script><title></title></head><body></body></html>
main.js文件：
/*** Created by s9-1102 on 2015/4/30.*/require.config({paths:{app:'js/app'}})require(['app'])
app.js文件：
define(function(){alert(123);})
上述代碼中，main.js文件，帶與不帶.js後綴都是容許結果都是同樣的。
官方解釋：Require默認假定的全部資源都是js文件，因此是不須要在module ID（data-main）上添加.js後綴。requirejs會在解析到module ID（data-main）內的path（paths）時自動補上後綴。
四、 data-main入口點
（1）、requirejs在加載時會檢查data-main屬性
（2）、能夠在data-main中設置模塊加載選項，加載模塊。*data-main中的模塊都是異步加載的。若是在頁面中加載了其餘模塊，則不能保證頁面中加載的js文件，和data-main中模塊的依賴性，固然是有依賴的前提。
五、定義模塊
（1）、良好的定義了一個做用域來避免全局名稱空間污染。
（2）、顯式地列出依賴關係
（3）、以函數參數的形式將依賴注入
（4）、容許加載多個模塊，加載的順序是不定的，可是依賴順序是正確的。
相關文章
- 1. require學習筆記總結
- 2. 模塊化工具require 學習筆記
- 3. Lua學習筆記之模塊的require
- 4. 【學習筆記】Unity3d學習筆記（一）
- 5. require的學習
- 6. 學習筆記一
- 7. NodeJS學習筆記: require, exports 和 module.exports 的初印象
- 8. ES6學習筆記（二）—— 經過ES6 Module看import和require區別
- 9. angular學習筆記(三十)-指令(10)-require和controller
- 10. node學習筆記1——require參數查找策略
- 更多相關文章...
- • 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
- • 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • Kotlin學習（一）基本語法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. 在windows下的虛擬機中,安裝華爲電腦的deepin操作系統
- 2. 強烈推薦款下載不限速解析神器
- 3. 【區塊鏈技術】孫宇晨：區塊鏈技術帶來金融服務的信任變革
- 4. 搜索引起的鏈接分析-計算網頁的重要性
- 5. TiDB x 微衆銀行 | 耗時降低 58%，分佈式架構助力實現普惠金融
- 6. 《數字孿生體技術白皮書》重磅發佈（附完整版下載）
- 7. 雙十一「避坑」指南：區塊鏈電子合同爲電商交易保駕護航！
- 8. 區塊鏈產業，怎樣「鏈」住未來？
- 9. OpenglRipper使用教程
- 10. springcloud請求一次好用一次不好用zuul Name or service not known
歡迎關注本站公眾號,獲取更多信息
