欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

SeaJS中use函數(shù)用法實(shí)例分析

 更新時間：2017年10月10日 10:28:28   作者：javaPie  
這篇文章主要介紹了SeaJS中use函數(shù)用法,結(jié)合實(shí)例形式分析了use函數(shù)加載模塊的使用方法與相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了SeaJS中use函數(shù)用法。分享給大家供大家參考，具體如下：

有了 define 等模塊定義規(guī)范的實(shí)現(xiàn)，我們可以開發(fā)出很多模塊。但光有一堆模塊不管用，我們還得讓它們能跑起來。在 SeaJS 里，要啟動模塊系統(tǒng)很簡單：

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

seajs.use 用來在頁面中加載模塊。通過 use 方法，可以在頁面中加載任意模塊。

語法：seajs.use seajs.use(id, callback?)

// 加載模塊 main，并在加載完成時，執(zhí)行指定回調(diào)
seajs.use('./main', function(main) {
main.init();
});

use 方法還可以一次加載多個模塊：

// 并發(fā)加載模塊 a 和模塊 b，并在都加載完成時，執(zhí)行指定回調(diào)
seajs.use(['./a', './b'], function(a, b) {
a.init();
b.init();
});

callback 參數(shù)可選。當(dāng)只加載一個模塊，且不需要 callback 時，可以用 data-main 屬性來簡化：

<script src="path/to/sea.js" data-main="./main"></script>

上面的代碼等價(jià)于：

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

SeaJS 還提供 data-config 來加載配置文件：

<script src="path/to/sea.js" data-config="path/to/config"></script>

data-config 等價(jià)：

seajs.config({
preload: ['path/to/config']
});

路徑解析規(guī)則與 seajs.use 一致。

我這里用的是：

<script src="/js/lib/sea.js" data-config="/js/config.js"></script>
<script>
seajs.use('/js/main', function(main) {
main.banner_focus('#focus');
});

注：main為模塊名。main.method為模塊定義的函數(shù)，可以傳遞參數(shù)過去。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript擴(kuò)展技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 深入探尋seajs的模塊化與加載方式

    深入探尋seajs的模塊化與加載方式

    本文是對Sea.js 提供seajs的模塊化與加載方式的講解，對學(xué)習(xí)JavaScript編程技術(shù)有所幫助,與大家分享。有需要的小伙伴可以參考下。
    2015-04-04
  • Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗(yàn)

    Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗(yàn)

    這篇文章主要介紹了Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗(yàn),非官方文檔，整理來自己官方文檔的文字與實(shí)例，方便速查。需要的朋友可以參考下
    2016-04-04
  • SeaJS入門教程系列之完整示例（三）

    SeaJS入門教程系列之完整示例（三）

    這篇文章主要介紹了SeaJS入門教程系列之完整示例,演示了一個完整的SeaJS開發(fā)例子,需要的朋友可以參考下
    2014-03-03
  • seajs模塊之間依賴的加載以及模塊的執(zhí)行

    seajs模塊之間依賴的加載以及模塊的執(zhí)行

    做前端項(xiàng)目已經(jīng)離不開SeaJS了，現(xiàn)在的很多的網(wǎng)站都用了SeaJS，對這個JS模塊加載器原理的越來越感興趣。這篇文章我們來一起學(xué)習(xí)seajs模塊之間依賴的加載以及模塊的執(zhí)行，感興趣的朋友們下面來一起看看吧。
    2016-10-10
  • seajs學(xué)習(xí)之模塊的依賴加載及模塊API的導(dǎo)出

    seajs學(xué)習(xí)之模塊的依賴加載及模塊API的導(dǎo)出

    SeaJS是一個遵循 CommonJS 規(guī)范的模塊加載框架，可用來輕松愉悅地加載任意JavaScript模塊和css模塊樣式。SeaJS接口和方法也非常少，SeaJS 就兩個核心：模塊定義和模塊的加載及依賴關(guān)系。本文將詳細(xì)介紹模塊的依賴加載及模塊API的導(dǎo)出，有需要的朋友們可以參考借鑒。
    2016-10-10
  • seajs中最常用的7個功能、配置示例

    seajs中最常用的7個功能、配置示例

    這篇文章主要介紹了seajs中最常用的7個功能、配置,結(jié)合實(shí)例形式簡單分析了seajs中常用的項(xiàng)目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下
    2017-10-10
  • 把jQuery的類、插件封裝成seajs的模塊的方法

    把jQuery的類、插件封裝成seajs的模塊的方法

    這篇文章主要介紹了把jQuery的類、插件封裝成seajs的模塊的方法,需要的朋友可以參考下
    2014-03-03
  • sea.js常用的api簡易文檔

    sea.js常用的api簡易文檔

    現(xiàn)在使用sea.js的公司越來越多， 比如阿里巴巴，淘寶網(wǎng)，百姓網(wǎng)，支付寶，有道云筆記等。模塊化的javascript開發(fā)帶來了可維護(hù)、可擴(kuò)展性，尤其在多人協(xié)作開發(fā)的時候不用再擔(dān)心文件依賴和函數(shù)命名沖突的問題，本文給大家分享了sea.js常用的api簡易文檔，下面來一起看看吧
    2016-11-11
  • Seajs源碼詳解分析

    Seajs源碼詳解分析

    近幾年前端工程化越來越完善，打包工具也已經(jīng)是前端標(biāo)配了，像seajs這種老古董早已停止維護(hù)，這是一篇細(xì)細(xì)品味Seajs源碼的文章,看完一定受益匪淺
    2019-04-04
  • Seajs是什么及sea.js 由來，特點(diǎn)以及優(yōu)勢

    Seajs是什么及sea.js 由來，特點(diǎn)以及優(yōu)勢

    這篇文章主要介紹了Seajs的相關(guān)知識和和學(xué)習(xí)心得,適合剛接觸SeaJS的同學(xué),需要的朋友可以參考下，有更好的新手教程或文檔，歡迎推薦、分享
    2016-10-10

最新評論