av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

QWrap入門之Youa版應(yīng)用

就像是一棵樹有很多果實一樣，QWrap也有很多apps，本文講解"QWrap的Youa版應(yīng)用"，即apps/core_dom_youa.js。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供蘇尼特右網(wǎng)站建設(shè)、蘇尼特右做網(wǎng)站、蘇尼特右網(wǎng)站設(shè)計、蘇尼特右網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、蘇尼特右企業(yè)網(wǎng)站模板建站服務(wù)，十余年蘇尼特右做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

Youa是QWrap的***個真正全面使用QWrap的項目，apps/core_dom_youa.js中同時包含core、dom、youa三種retouch，在介紹Retouch機制時已經(jīng)對他們分別作過介紹，他們同時起作用的結(jié)果就是：我們只引入一個js，就可以 :

像prototype一樣這樣寫：

 
 
 
    
  
  
  
  1. new Date().format(); 
    2.

像jQuery一樣，這樣寫：

 
 
 
    
  
  
  
  1. W('#aaa a.aaa').click(fun).css('color','red');  
    2.   
  
  
  2. W('body').css('color','black').query('>h1').color('red'); 
    3.

還可以像YUI3一樣這樣寫：

 
 
 
    
  
  
  
  1. use('Drag,Valid',function(){alert([Drag,Valid]);}); 
    2.

當然，也可以像YUI2一樣用靜態(tài)方法(當然，我們不推薦YUI2這種用法)：

 
 
 
    
  
  
  
  1. Dom.setStyle(el,'color','red'); 
    2.

前面講的兩個應(yīng)用一樣，apps/core_dom_youa.js也是一個復(fù)合文件，它含以下文件：

 
 
 
    
  
  
  
  1. document.write('<\/script>');  
    2.   
  
  
  2.    document.write('<\/script>');  
    3.   
  
  
  3.    document.write('<\/script>');  
    4.   
  
  
  4.    document.write('<\/script>');  
    5.   
  
  
  5.    document.write('<\/script>');  
    6.   
  
  
  6.    document.write('<\/script>');  
    7.   
  
  
  7.    document.write('<\/script>');  
    8.   
  
  
  8.    document.write('<\/script>');  
    9.   
  
  
  9.    document.write('<\/script>');  
    10.   
  
  
  10.    document.write('<\/script>');  
    11.   
  
  
  11.    document.write('<\/script>');  
    12.   
  
  
  12.    document.write('<\/script>');  
    13.   
  
  
  13.    document.write('<\/script>');  
    14.   
  
  
  14.  
    15.   
  
  
  15.    document.write('<\/script>');  
    16.   
  
  
  16.    document.write('<\/script>');  
    17.   
  
  
  17.    document.write('<\/script>');  
    18.   
  
  
  18.    document.write('<\/script>');  
    19.   
  
  
  19.    document.write('<\/script>');  
    20.   
  
  
  20.    document.write('<\/script>');  
    21.   
  
  
  21.    document.write('<\/script>');  
    22.   
  
  
  22.    document.write('<\/script>');  
    23.   
  
  
  23.    document.write('<\/script>');  
    24.   
  
  
  24.  
    25.   
  
  
  25.    document.write('<\/script>');  
    26.   
  
  
  26.    document.write('<\/script>');  
    27.   
  
  
  27.    document.write('<\/script>'); 
    28.

事實上，還包括apps/youa_modules_config.js，不過由于組件這一塊還沒有放出來，所以先忽略掉。。。

發(fā)布時會將各個分文件合并起來，內(nèi)容如：apps/core_dom_youa.js(http://dev.qwrap.com/resource/js/_docs/_jk/js/apps/core_dom_youa.js)

這個文件經(jīng)YUI壓縮后大小為48K，gzip后大小為17K。可以獨立使用。

在有啊的項目開發(fā)中，只需要使用一個QWrap庫就可以了，之前由注釋生成的文檔主要只是Helper方法的基本用法，那些并不是頁面編碼的同學(xué)希望使用的。所以，制作一個真正給頁面編碼同學(xué)使用的文檔，一直是一個迫切的需求。關(guān)于這個文檔，一直覺得是體力活，一直寄望有新同學(xué)或外包給別人來寫，拖延了很久，最終還是認為自己動手來寫更切實際。2010年底，培培同學(xué)幫忙寫好css與html結(jié)構(gòu)，2010年十二月到2011年一月，花了一個月左右的時間，來完成這個體力活(還有好奇參與)，雖說有很多不足，好在幾乎能夠滿足同學(xué)們的需求了。----整理文檔時，也趁機人肉測試了很多單元測試中未出現(xiàn)的case，也找到了不少足子，還是挺值得的，慶幸沒有外包給別人來寫文檔。

正如曾在retouch小結(jié)里所講過的，retouch后的QWrap的用法很多，只能列出一些推薦的用法，免得列得太多反而讓人混淆。這份文檔在這里可以看到：

http://dev.qwrap.com/resource/js/_docs/_jk/

因為做得不夠?qū)I(yè)，所以臨時還是以“_jk”為目錄名，等專業(yè)版本出來后再改名吧。

有了這份文檔，就不用詳細介紹各種用法了，看一下就明白。

有幾點需要說明一下：

1. 各種Helper，在實際中并不使用。使用的都是經(jīng)過變換的方法，那些變換的方法即是retouch的產(chǎn)物。

2. 每一個方法的使用文檔里，都會有說明是它經(jīng)過什么變換得來的，例如，w.addClass是"本方法是由QW.NodeH.addClass經(jīng)“mul”、“methodize”變換得到"，點擊一下就可以看到原方法。

3. 所有方法都是QWrap的方法，與其它庫的方法參數(shù)有可能不一致，大部分有QWrap自己的考量，如果同學(xué)覺得不合理可以反饋一下，方便我們改進。

4. 有啊項目之所以能只用QWrap而不用其它框架，還有一個原因是：QWrap有自己的一系列常用組件。。。這個將會在以后介紹組件時講到。

5. 為什么沒有Ajax與動畫?----因為它們被降級到組件級別了。

原文：http://www.cnblogs.com/jkisjk/archive/2011/04/22/qwrap_apps_core_dom_youa.html


標題名稱：QWrap入門之Youa版應(yīng)用
轉(zhuǎn)載注明：http://uogjgqi.cn/article/dpcjhoe.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流