成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

RequireJS學(xué)習(xí)

張利勇 / 3410人閱讀

摘要：是一個(gè)文件和模塊加載器。除了可以在瀏覽器中使用外，還可以用或等端環(huán)境。最新版可以在這里下載?；居梅僭O(shè)你的工程目錄結(jié)構(gòu)如下首先，將放入目錄。然后，在中引入用來(lái)加載。

RequireJS是一個(gè)JavaScript文件和模塊加載器。除了可以在瀏覽器中使用外，還可以用Node或Rhino等Server端環(huán)境。

最新版可以在這里下載。

基本用法

假設(shè)你的工程目錄結(jié)構(gòu)如下：

project

index.html

js

  - lib
      - jquery.js
  - app
      - sub_app.js
      - app.js

首先，將requirejs.js放入js/lib目錄。

project

index.html

js

  - lib
      - jquery.js
      - require.js
  - app
      - sub_app.js
      - app.js

然后，在index.html中引入

在app.js中，使用require方法加載其他腳本

requirejs.config({
    // 默認(rèn)從js/lib目錄加載
    baseUrl: "js/lib",
    // 如果模塊ID以app開頭，則從js/app目錄加載
    // paths相對(duì)于baseUrl設(shè)定
    // 不要指定".js"后綴，因?yàn)閜aths可以是一個(gè)目錄
    paths: {
        app: "../app",
        jquery: "jquery.min",
    }
});
 
// app入口
require(["app/sub_app"], function (sub) {
    sub.hello();
});

在sub_app.js中定義一個(gè)module

// define相對(duì)于baseUrl設(shè)定
define(["jquery"], function ($) {
    return {
        log: function (msg) {
            if (window.console && console.log) {
                console.log(msg);
            } else {
                alert(msg);
            }
        },
        hello: function () {
            this.log("Hello, I"m powered by jQuery " + $().jquery + "!");
        }
    };
});

現(xiàn)在，打開瀏覽器的控制臺(tái)，應(yīng)該能看到我們自定義的module成功使用jQuery輸出了下面這句話：

Hello, I"m powered by jQuery 1.8.3!

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/78560.html

相關(guān)文章

  • JS模塊化工具 requirejs 學(xué)習(xí)文檔

    摘要：模塊化工具學(xué)習(xí)文檔作為一個(gè)開發(fā)者，原來(lái)寫代碼都是流水賬式的，一直想寫出模塊化的，但是前端工具多如牛毛，確都是針對(duì)于的打包工具。之中導(dǎo)入對(duì)應(yīng)模塊即可。如果設(shè)為，則禁用等待超時(shí)。 JS模塊化工具 requirejs 學(xué)習(xí)文檔 作為一個(gè)Java開發(fā)者，原來(lái)寫js代碼都是流水賬式的，一直想寫出模塊化的js，但是前端工具多如牛毛，確都是針對(duì)于nodejs的打包工具。但是我在實(shí)際的開發(fā)過(guò)程中，并沒(méi)...

    Galence 評(píng)論0 收藏0

  • RequireJS進(jìn)階:配置文件的學(xué)習(xí)

    摘要：概述強(qiáng)大靈活的運(yùn)用是通過(guò)配置文件決定的。下面通過(guò)示例來(lái)進(jìn)行深度的探討配置文件的使用。配置文件的位置配置文件的位置和聲明用法是相對(duì)于這個(gè)腳本文件來(lái)決定的。配置文件參數(shù)的介紹所有模塊的查找根路徑。 概述 Requires強(qiáng)大靈活的運(yùn)用是通過(guò)配置文件決定的。通過(guò)配置文件我們可以給模塊取別名、給模塊加上版本標(biāo)識(shí)、設(shè)置模塊依賴、包裝非模塊等強(qiáng)大功能。同時(shí)RequireJS的優(yōu)化器也大量使用了配...

    lemon 評(píng)論0 收藏0

  • RequireJS學(xué)習(xí)筆記

    摘要：如果有疑惑的地方，歡迎討論，我是初學(xué)，希望能切磋和得到指點(diǎn)加載會(huì)阻塞頁(yè)面加載默認(rèn)異步加載文件方法一把放到頁(yè)面底部加載方法二支持定義全局相對(duì)路徑方法一自定義屬性指定網(wǎng)頁(yè)程序的主模塊文件定義整個(gè)網(wǎng)頁(yè)代碼的入口文件的相對(duì)位置，以后此文件 如果有疑惑的地方，歡迎討論，我是初學(xué)，希望能切磋和得到指點(diǎn)； js加載會(huì)阻塞頁(yè)面加載： //requirejs默認(rèn)異步加載js文件； 方法一...

    hersion 評(píng)論0 收藏0

  • angularjs + requirejs 完整的手腳架

    摘要：還記得一年半前轉(zhuǎn)向后端的那種無(wú)助的感覺(jué)，獨(dú)自一人摸黑走路，學(xué)習(xí)各種前端知識(shí)，走了不少?gòu)澛?，現(xiàn)在終于算是入門了前端我相信不少人也有我當(dāng)時(shí)同樣的無(wú)助，所以我在空閑時(shí)間整理了下所用到的知識(shí)，便編寫了一個(gè)手腳架，希望能給其他正學(xué)習(xí)前端的同學(xué)一些參考 還記得一年半前轉(zhuǎn)向后端的那種無(wú)助的感覺(jué)，獨(dú)自一人摸黑走路，學(xué)習(xí)各種前端知識(shí)，走了不少?gòu)澛?，現(xiàn)在終于算是入門了前端～我相信不少人也有我當(dāng)時(shí)同樣的無(wú)助...

    anyway 評(píng)論0 收藏0

  • angularjs學(xué)習(xí)筆記——使用requirejs動(dòng)態(tài)注入控制器

    摘要：最近一段時(shí)間在學(xué)習(xí)，由于覺(jué)得直接使用它需要加載很多的文件，因此想使用來(lái)實(shí)現(xiàn)異步加載，并動(dòng)態(tài)注入控制器。手動(dòng)啟動(dòng)，特別說(shuō)明此處的不是那個(gè)框架，而是的一個(gè)手動(dòng)啟動(dòng)框架的函數(shù)中完成了各模塊的初始化，并且引入了。 最近一段時(shí)間在學(xué)習(xí)angularjs，由于覺(jué)得直接使用它需要加載很多的js文件，因此想使用requirejs來(lái)實(shí)現(xiàn)異步加載，并動(dòng)態(tài)注入控制器。簡(jiǎn)單搜索了下發(fā)現(xiàn)好多教程寫的都很復(fù)雜，所...

    王軍 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<