亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

RequireJS入門一之實(shí)現(xiàn)第一個(gè)例子

 更新時(shí)間：2015年09月30日 15:00:16   投稿：mrr  
RequireJS由James Burke創(chuàng)建，他也是AMD規(guī)范的創(chuàng)始人。大家知道我們?yōu)槭裁匆獙W(xué)習(xí)requirejs嗎？帶著這個(gè)疑問來學(xué)習(xí)本篇文章吧，感興趣的朋友一起學(xué)習(xí)RequireJS入門一之實(shí)現(xiàn)第一個(gè)例子吧

為什么學(xué)習(xí)RequireJS？

像我這種菜鳥，會(huì)提到海量文章里提到的AMD、JS模塊化編程、異步... ... 等等

RequireJS會(huì)讓你以不同于往常的方式去寫JavaScript。你將不再使用script標(biāo)簽在HTML中引入JS文件，以及不用通過script標(biāo)簽順序去管理依賴關(guān)系。

RequireJS是一個(gè)Javascript 文件和模塊框架，它可以幫我們?nèi)ス芾韏s代碼（我的理解）。

深入學(xué)習(xí)，我們便會(huì)被迫接受一系列的名詞：data-main、require、define、baseUrl、paths、shims、deps。。。等等；

總之，很多文章都在向我們推銷一些自己都說不明白的名詞和概念。

簡單點(diǎn)，現(xiàn)在我們要做一個(gè)簡單的需求，用RequireJS管理我們的js代碼，還要能使用jquery！

1.構(gòu)建一個(gè)web工程，跑起來！

里面文件如圖：

 

這里面有好多坑，所以我把文件都放在文件根目錄，先排除掉這些小問題！

其中jquery.js和require.js是需要去網(wǎng)站下載的，請(qǐng)自行百度。

2. 在index.jsp中添加script標(biāo)簽

 

可以在<body>里添加一個(gè)標(biāo)簽   <p>RequireJS異步加載測試</p>

3. 補(bǔ)充main.js文件

require.config({
　　paths: {
　　  jquery: 'jquery-2.1.1'
　　}
});
require(['jquery'], function($) {
　　alert($().jquery);
});

4.跑起來~

你會(huì)看到彈出框，頁面已經(jīng)渲染顯示了  “RequireJS異步加載測試” 。

小結(jié)：

a. RequireJS由James Burke創(chuàng)建，他也是AMD規(guī)范的創(chuàng)始人。它是一個(gè)工具庫，用于客戶端的模塊管理。

   從本例體現(xiàn)出的：

1. 彈出alert的時(shí)候頁面同時(shí)也被渲染，體現(xiàn)了異步加載的功能，傳統(tǒng)放在head中的寫法會(huì)造成阻塞，只有點(diǎn)擊確定后才能渲染頁面。

2. 頁面只需要引入一個(gè)require.js，不需要再引入其他繁多復(fù)雜的js代碼，剩下的工作交給RequireJS框架來做！

b. 學(xué)習(xí)之前先了解AMD規(guī)范，AMD通過define來定義模塊，基本模式：define("id",[deps1,deps2,...],callback);

    為什么本例沒有define就可以跑起來？   因?yàn)閖query提供了對(duì)AMD的支持。path對(duì)象即是用來引入各種模塊的。

    普通的js代碼可否被RequireJS管理？  可以，使用shims來加載這些資源！

c. 總結(jié)以后的編碼思路：

     Xx.jsp    Xx.js(同main.js)  通過 require.config 引入各種js模塊（資源）；require加載所需模塊，并在回調(diào)函數(shù)中傳入對(duì)應(yīng)變量，以方便在其中直接調(diào)用各模塊中的函數(shù)和變量。

d. 自己實(shí)現(xiàn)： 頁面加一個(gè)按鈕；在main.js中加入juqery的click監(jiān)聽事件，測試是否監(jiān)聽成功！

e. 遺留問題：路徑問題，肯定不能在根目錄，不過這都不是事兒！

本文就是關(guān)于RequireJS入門一之實(shí)現(xiàn)第一個(gè)例子的全部敘述，希望對(duì)大家有所幫助。

相關(guān)文章

最新評(píng)論