麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

sea.js的基本使用方法

2024-04-27 15:15:31
字體:
來源:轉載
供稿:網友
關于SeaJS的概念,在這里就不多說了,自行百度吧~
下面是本人自己總結的sea.js的使用方法,有不對的地方請大家指出。

1. 第一步當然是去官網下載我們需要的文件嘍

http://seajs.org/docs/ 進入官網點擊下載即可。 打開我們下載的文件,是這樣的: SeaJS文件夾下的內容

打開src文件夾,我們可以看到很多js文件:
intro.js -- 全局閉包頭部 sea.js -- 基本命名空間 util-lang.js -- 語言增強 util-events.js -- 簡易事件機制 util-path.js -- 路徑處理 util-request.js -- HTTP 請求 util-deps.js -- 依賴提取 module.js -- 核心代碼 config.js -- 配置 outro.js -- 全局閉包尾部
我們想要的sea.js就在里面啦。

2. 根據需要在自己的頁面里面引入sea.js

<script src="js/sea.js"></script>

3.開始使用!

關于怎樣使用這個問題,還是從舉個栗子開始吧~~~

如果我們現在有module1和module2兩個js文件 module1.js內容如下:

function show(){ alert(1); }function show(){ alert(2);}

module2.js內容如下:

function show(){ alert(3); }用sea.js引入其他js文件:seajs.use('./js/module1.js')

注意了注意了!:sea的默認根目錄是sea.js這個文件,注意路徑哦~

seajs.use('./js/module1.js',function (){ //兩個參數:第一個參數:模塊的地址;第二個參數:回調函數; alert(123); //當module1加載成功的時候彈出123 })用sea.js實現模塊化,解決沖突,依賴等問題:

對module1里面的代碼做出如下改動:

define( function (require,exports,module){ //require,exports,module這三個參數是固定的,不允許修改的,相當于關鍵字 //可寫可不寫,如果要少寫的話,只能少寫后面的,不能少寫前面的, //比如可以寫require,exports,也可以寫require,不能寫exports,module,或者module。 //一般情況下都寫上比較好 function show(){ alert(1); } exports.fn1 = show ; //exports:對外提供接口的對象,讓show這個函數在外面能夠找到})function show(){ alert(2);}

對module2里面的代碼做出如下改動:

define(function (require,exports,module){ function show(){ alert(3); } exports.fn2 = show ;})在我們的html里面正確調用不同js文件里面的函數seajs.use('./js/module1.js',function (){ //兩個參數:第一個參數:模塊的地址;第二個參數:回調函; ‘./js/module1.js’:sea的默認根目錄:sea.js這個文件 alert(123); //當module1加載成功的時候彈出123 }) seajs.use('./js/module1.js',function (ex){ //參數可以隨意起名,代表exports ex.fn1(); //調用module1 的exports.fn1 show(); //調用module1 的show }) //show(); 這樣調用不到module1里的內容 seajs.use('./js/module2.js',function (ex){ //參數可以隨意起名,代表exports ex.fn2(); //調用module2 的exports.fn1 show(); //調用module1 的show // ex.fn1(); 調用不到module1 的exports.fn1 })

差不多就是這樣啦,get到了就會覺得不是很難吧,哈哈~


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧产日产国产精品99 | 午夜丰满少妇高清毛片1000部 | 亚洲国产精品久久久久久久久久 | 久久久亚洲欧美综合 | 国毛片| 免费观看一级 | av在线免费网 | 九九热在线视频免费观看 | 91九色视频| 久久国产秒 | 视屏一区 | 大片毛片 | 国产成人精品午夜视频' | 一级免费观看 | 视频二区国产 | 亚洲网站在线观看 | 国产1区2区3区中文字幕 | 亚洲午夜一区二区三区 | 91午夜视频 | 91美女福利视频 | 久久精品视频一区二区 | 国产精品久久久久久久久久久久久久久 | 国产亚洲精品久久久久久久久久 | 日韩精品免费一区二区三区 | 日韩视频高清 | 看毛片电影 | 日韩视频中文 | 今井夏帆av一区二区 | 深夜免费福利视频 | av播放在线| av电影免费观看 | 91精品国产99久久久久久红楼 | 久久久久国产精品久久久久 | 精品一区二区三区网站 | 欧美在线观看视频一区 | 成年人小视频在线观看 | 国产69精品久久久久9999不卡免费 | www.guochanav.com| 欧美成人午夜 | 成人午夜免费看 | 久久久久99999 |