国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

templatejs使用總結(jié)

shaonbean / 3018人閱讀

摘要：?jiǎn)螛?biāo)簽，配合標(biāo)簽使用。使用這種方式，需要使用模板變量表示索引，表示索引值。標(biāo)簽為雙標(biāo)簽，使用時(shí)必須使用標(biāo)簽結(jié)束，使用方法為條件表達(dá)式，和普通基本相同。在邏輯判斷時(shí)配合使用，所有的標(biāo)簽必須包含在內(nèi)。

概述

???template.js是一個(gè)基于 jquery 的前端 javascript 模板，插件主要解決數(shù)據(jù)渲染時(shí)的繁瑣的數(shù)據(jù)處理。模板解決了html片段連接效率低下和繁瑣的問(wèn)題。看了很多相關(guān)的博客，博客內(nèi)容幾乎一樣，很多知識(shí)點(diǎn)并沒(méi)有詳細(xì)的說(shuō)明，對(duì)此經(jīng)過(guò)兩天的實(shí)驗(yàn)研究，把研究的結(jié)果記錄下來(lái)。

模板標(biāo)簽 
1.{{each}}:雙標(biāo)簽，用于遍歷對(duì)象，數(shù)組或者 json 對(duì)象。
2.{{if}}:雙標(biāo)簽，用于數(shù)據(jù)類型的判斷，條件可以是表達(dá)式。
3.{{else}}:單標(biāo)簽，配合 {{if}} 標(biāo)簽使用。
4.{{html}}:單標(biāo)簽，用于解析含有 html 片段的字符串。
5.{{tmpl}}:單標(biāo)簽，用于模板的嵌套。
6.{{wrap}}:雙標(biāo)簽，包裝器，(沒(méi)有發(fā)現(xiàn)使用的奧秘，歡迎指點(diǎn))
模板的常用變量和方法 
  有用的常量：
  (1) ${var}:輸出變量
  (2) {{= var}}:輸出變量,注意等號(hào)后面必須緊跟空格
  
  (3) $item:表示當(dāng)前模板
  (4) $data:表示數(shù)據(jù)源，即模板注入的數(shù)據(jù)
  
  (5) $index:表示在使用 each 時(shí)的索引
  (6) $value:表示在使用 each 時(shí)的鍵值
  
  方法：
  (1) $.tamplate(name,str):將指定的html代碼段轉(zhuǎn)化成指定名稱的模板,name模板名稱,str代碼片段,
      并將數(shù)據(jù)緩存。     
  (2) $.tmpl(name,data):核心方法，將數(shù)據(jù)注入模板,并解析模板,name模板名稱,data：數(shù)據(jù)源
  (3) $.tmplItem(ele):獲取使用模板渲染的指定元素上的數(shù)據(jù),ele表示DOM節(jié)點(diǎn)
  
  (4) $(ele).tmpl(data):局部方法,獲取模板,向模板中注入數(shù)據(jù),并解析模板
  (5) $(ele).tmplItem():獲取使用模板渲染的指定元素上的數(shù)據(jù),ele表示DOM節(jié)點(diǎn)
  (6) $(ele).template(name):將數(shù)據(jù)緩存在ele節(jié)點(diǎn)，緩存的key為name
  看源碼發(fā)現(xiàn)局部方法最終調(diào)用的是全局的方法，所以在全局的方法是template.js的核心，局部方法只是輔助
功能，為用戶提供更靈活的方式獲取模板，為模板注入數(shù)據(jù)，解析模板。
標(biāo)簽的使用

{{each}}
標(biāo)簽為雙標(biāo)簽，使用時(shí)必須使用{{/each}}標(biāo)簽結(jié)束，在使用時(shí)需要注意一下幾點(diǎn)：

   (1) 在數(shù)據(jù)源為數(shù)組時(shí)，并不需要使用這個(gè)標(biāo)簽，模板會(huì)自動(dòng)遍歷數(shù)組。
   (2) 
       使用方式一：
           {{each array|jsonObject}}，將數(shù)組或json對(duì)象放在標(biāo)簽名稱的后面，
         實(shí)現(xiàn)的遍歷方式，與 jquery 中的全局方法 $.each() 相同。源碼中也是通過(guò) $.each() 實(shí)現(xiàn)的。
         使用這種方式，需要使用模板變量 $index 表示索引，$value 表示索引值。
         
       使用方式二：
           {{each(key,value) array|jsonObject}},使用此方式與方式一基本相同，唯一不同的是，
         此時(shí)指定了遍歷時(shí)的 key 和 value取代了模板變量 $index 和 $value，
         同時(shí)不能使用 $index和 $value。
   (3) 需要注意的是，數(shù)據(jù)源的問(wèn)題，若果使用的不是數(shù)組，而是復(fù)雜的數(shù)據(jù)類型，可以使用模板嵌套的方式，
       解析數(shù)據(jù)類型為數(shù)組的鍵值，這樣就避免了多次使用each標(biāo)簽。

{{if}}
標(biāo)簽為雙標(biāo)簽，使用時(shí)必須使用{{/if}}標(biāo)簽結(jié)束，使用方法：

   (1) {{if condition}} : condition 為條件表達(dá)式，和普通if基本相同。
   (2) 在邏輯判斷時(shí)配合{{else}}使用，所有的{{else}}標(biāo)簽必須包含在{{if}}{{/if}}內(nèi)。

{{html}}

{{tmpl}}

{{wrap}}

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

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

相關(guān)文章

  • templatejs使用總結(jié)

    摘要：?jiǎn)螛?biāo)簽，配合標(biāo)簽使用。使用這種方式，需要使用模板變量表示索引，表示索引值。標(biāo)簽為雙標(biāo)簽，使用時(shí)必須使用標(biāo)簽結(jié)束，使用方法為條件表達(dá)式，和普通基本相同。在邏輯判斷時(shí)配合使用，所有的標(biāo)簽必須包含在內(nèi)。 概述 ???template.js是一個(gè)基于 jquery 的前端 javascript 模板，插件主要解決數(shù)據(jù)渲染時(shí)的繁瑣的數(shù)據(jù)處理。模板解決了html片段連接效率低下和繁瑣的問(wèn)題。看了很...

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

  • 淺談模板引擎之a(chǎn)rtTemplate

    摘要：來(lái)給大家推薦一款模板引擎，會(huì)推薦這款模板引擎最主要還是他輕量級(jí)，代碼簡(jiǎn)潔，好用，一個(gè)大概也才幾左右。 對(duì)于前端開(kāi)發(fā)者來(lái)說(shuō)，有一個(gè)綁數(shù)據(jù)的模板是多么的幸福，不用我多說(shuō)大家也知道，終于不用在js中一個(gè)個(gè)字符串拼接一大推元素?cái)?shù)據(jù)啥的，可以省下我們很多時(shí)間。來(lái)給大家推薦一款模板引擎artTemplate，會(huì)推薦這款模板引擎最主要還是他輕量級(jí)，代碼簡(jiǎn)潔，好用，一個(gè)template.js大概也才幾...

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

  • 淺談模板引擎之a(chǎn)rtTemplate

    摘要：來(lái)給大家推薦一款模板引擎，會(huì)推薦這款模板引擎最主要還是他輕量級(jí)，代碼簡(jiǎn)潔，好用，一個(gè)大概也才幾左右。 對(duì)于前端開(kāi)發(fā)者來(lái)說(shuō)，有一個(gè)綁數(shù)據(jù)的模板是多么的幸福，不用我多說(shuō)大家也知道，終于不用在js中一個(gè)個(gè)字符串拼接一大推元素?cái)?shù)據(jù)啥的，可以省下我們很多時(shí)間。來(lái)給大家推薦一款模板引擎artTemplate，會(huì)推薦這款模板引擎最主要還是他輕量級(jí)，代碼簡(jiǎn)潔，好用，一個(gè)template.js大概也才幾...

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

  • 基于TmodJS的前端模板工程化解決方案

    摘要：原作者唐斌騰訊什么原名是一個(gè)簡(jiǎn)單易用的前端模板預(yù)編譯工具。本文作者為來(lái)自騰訊團(tuán)隊(duì)的唐斌，他在本文中為我們分析了傳統(tǒng)前端模板內(nèi)嵌的弊端，如開(kāi)發(fā)調(diào)試效率低下自動(dòng)化構(gòu)建復(fù)雜度比較高等特點(diǎn)，并針對(duì)目前現(xiàn)狀給出了較好的解決方案。 原作者: 唐斌（騰訊）| TmodJS什么 TmodJS（原名atc）是一個(gè)簡(jiǎn)單易用的前端模板預(yù)編譯工具。它通過(guò)預(yù)編譯技術(shù)讓前端模板突破瀏覽器限制，實(shí)現(xiàn)后端模板一樣的同...

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

  • Java學(xué)習(xí)路線總結(jié)，搬磚工逆襲Java架構(gòu)師（全網(wǎng)最強(qiáng)）

    摘要：哪吒社區(qū)技能樹打卡打卡貼函數(shù)式接口簡(jiǎn)介領(lǐng)域優(yōu)質(zhì)創(chuàng)作者哪吒公眾號(hào)作者架構(gòu)師奮斗者掃描主頁(yè)左側(cè)二維碼，加入群聊，一起學(xué)習(xí)一起進(jìn)步歡迎點(diǎn)贊收藏留言前情提要無(wú)意間聽(tīng)到領(lǐng)導(dǎo)們的談話，現(xiàn)在公司的現(xiàn)狀是碼農(nóng)太多，但能獨(dú)立帶隊(duì)的人太少，簡(jiǎn)而言之，不缺干 ? 哪吒社區(qū)Java技能樹打卡?【打卡貼 day2...

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

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

0條評(píng)論

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