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

資訊專欄INFORMATION COLUMN

關(guān)于模板解析的經(jīng)典實踐

崔曉明 / 1915人閱讀

摘要：概要摘錄的的模板的部分代碼，整理一下解析模板的思路。重點在正則的用法的掌握。

概要：摘錄的jquery的模板的部分代碼，整理一下解析模板的思路。重點在正則的用法的掌握。

分析代碼內(nèi)容 




    


 Name:""
解析后代碼： 
(function anonymous(obj) {
    var p = []
      , print = function() {
        p.push.apply(p, arguments);
    };
    with (obj) {
        p.push("  
 ");
        for (i = 0; i < users.length; ++i) {
            p.push(" Name:"", users[i].name, "  "
 ");
        }
        p.push(" ");
    }
    return p.join("");
}
)
解析部分 
//匹配部分
str.replace(/[
	
]/g, " ")  // 將回車，換行，制表符 替換成空格，將代碼拍平
  .split("<--").join("	")     //將替換部分的開始符替換成	，不要糾結(jié)，下面會解釋為什么這么做
  .replace(new RegExp("((^|-->)[^	]*)"", "g"), "$1
")  //不以	開頭的字符(可以沒有)+"或者--> +	以外的字符(可以沒有)+" ，如果滿足條件，$1
里的$1為前面()的部分，相當(dāng)于將"替換為
  .replace(new RegExp("	=(.*?)-->", "g"), "",$1,"")  // 	 為前面的<--,匹配下面模板中的 ，替換內(nèi)容",$1," 即()內(nèi)匹配到的users[i].name 加上前綴",和后綴,"
  .split("	").join("");")  //不符合上面規(guī)則的	即<--替換為");
  .split("-->").join("p.push("") //不符合上面規(guī)則的-->替換為p.push(");
  .split("
").join(""");   //第三行將"替換為"，此處再替換回"


//模板部分
   

        

      //<-- 變?yōu)榱?); --> 變?yōu)閜.push("
     Name:""  //此處的"變?yōu)榱? 被規(guī)則匹配為",users[i].name,"的單詞分隔符
        

         //<-- 變?yōu)榱?); --> 變?yōu)閜.push("

所以有兩種用法，一種是承前啟后 <-- 變?yōu)榱?); --> 變?yōu)閜.push("一種是分隔字符 ",$1,"

文例子出處：JavaScript Micro-Templating

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

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

相關(guān)文章

  • 假如時光倒流，我會這么學(xué)習(xí)Java

    摘要：看起來沒有集合框架，線程，等那么耀眼，但它可是很多框架的基礎(chǔ)啊回復(fù)反射查看相關(guān)文章，先把基礎(chǔ)學(xué)會，后面的得用到它。 回頭看看， 我進(jìn)入Java 領(lǐng)域已經(jīng)快15個年頭了， 雖然學(xué)的也一般， 但是分享下我的心得，估計也能幫大家少走點彎路。[入門]我在2001年之前是C/C++陣營， 有C和面向?qū)ο蟮幕A(chǔ)， 后來轉(zhuǎn)到Java ，發(fā)現(xiàn)沒有指針的Java真是好簡單， 另外Java 的類庫好用的讓...

    bladefury 評論0 收藏0

  • css進(jìn)階

    摘要：柵格系統(tǒng)用于處理頁面多終端適配的問題。它表示抓取對象以后拖放到另一個位置。目前，它是標(biāo)準(zhǔn)的一部分。精簡高效的命名準(zhǔn)則方法這篇文章發(fā)布于年月日，星期日，，歸類于相關(guān)。但是不會受到包含塊的限制，可能會溢出。 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個問題：怎樣通過 CSS 簡單而優(yōu)雅的實現(xiàn)水平、垂直同時居中。記得剛開始學(xué)習(xí) CSS 的時候，看到 float 屬性不由...

    import. 評論0 收藏0

  • 個人分享--web前端學(xué)習(xí)資源分享

    摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時候，會進(jìn)行總結(jié)或者分享會議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時候，會進(jìn)行總結(jié)或者分享會議！那么今天我就...

    sherlock221 評論0 收藏0

  • Java經(jīng)典

    摘要：請注意，我們在聊聊單元測試遇到問題多思考多查閱多驗證，方能有所得，再勤快點樂于分享，才能寫出好文章。單元測試是指對軟件中的最小可測試單元進(jìn)行檢查和驗證。 JAVA容器-自問自答學(xué)HashMap 這次我和大家一起學(xué)習(xí)HashMap，HashMap我們在工作中經(jīng)常會使用，而且面試中也很頻繁會問到，因為它里面蘊(yùn)含著很多知識點，可以很好的考察個人基礎(chǔ)。但一個這么重要的東西，我為什么沒有在一開始...

    xcold 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<