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

zeyu 發(fā)布于2019-08-01 17:19 / 3055人閱讀

摘要：來給大家推薦一款模板引擎，會(huì)推薦這款模板引擎最主要還是他輕量級，代碼簡潔，好用，一個(gè)大概也才幾左右。

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

解析：each循環(huán)有兩種方法，一種是例1中的{{each list as value i}}，其中l(wèi)ist表示要循環(huán)遍歷的數(shù)組，value表示數(shù)組中的某個(gè)元素，i表示當(dāng)前的索引；另一種是例2中的 {{each list}}寫一個(gè)要遍歷的數(shù)組就夠了，而{{$index}}表示當(dāng)前索引，{{$value}}表示當(dāng)前循環(huán)的某個(gè)元素，這兩個(gè)變量是固定的名稱

if條件判斷

解析：if判斷跟平時(shí)普通的判斷一樣，但是要注意在這里面要有始有終，有{{if}}就得有對應(yīng)的{{/if}}，有{{each}}就得有對應(yīng)的{{/each}}

這些模板都是建立在script元素中，但是此時(shí)script的type要是type="text/html"，然后在js腳本中弄數(shù)據(jù)，代碼如下：

模板跟js中數(shù)據(jù)都綁定好了，一定要記得在html中添加元素來綁定模板，全部代碼如下：




    
    templateJS模板引擎

云服務(wù)器 GPU云服務(wù)器模板引擎 python模板引擎 ejs模板引擎 smarty模板引擎

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

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

相關(guān)文章

淺談模板引擎之artTemplate

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

caohaoyu 2019-08-20 18:28 評論0 收藏0
簡單高效地JavaScript模板引擎——artTemplate

摘要：是一個(gè)簡單高效地模板引擎，相比于這種復(fù)雜的模板引擎，就顯得很嬌小。因?yàn)樵诘臄?shù)組引用中那個(gè)沒有類似于模板數(shù)組引用中的數(shù)組子項(xiàng)說明上面例子中的或者。 artTemple是一個(gè)簡單高效地JavaScript模板引擎，相比于jsRender這種復(fù)雜的模板引擎，artTemple就顯得很嬌小。你幾乎可以在網(wǎng)上任意搜一篇博客或者文章，10分鐘的時(shí)間你就能基本的掌握它得用法（附上網(wǎng)站：http://...

voyagelab 2019-08-20 18:27 評論0 收藏0
輕量級模板引擎ArtTemplate

摘要：這星期做了一個(gè)數(shù)據(jù)統(tǒng)計(jì)系統(tǒng)基于需求便使用了一個(gè)模板引擎來渲染數(shù)據(jù)在這里模板引擎同后端的不太一樣主要是前端在開發(fā)過程中對于數(shù)據(jù)處理之后插入到的過程中使用到的工具由于系統(tǒng)是迷你型的在一通搜索之后便決定采用具有如下特點(diǎn)輕量級不到快速上手用法簡單處這星期做了一個(gè)數(shù)據(jù)統(tǒng)計(jì)系統(tǒng),基于需求便使用了一個(gè)模板引擎來渲染數(shù)據(jù).在這里模板引擎同后端的不太一樣,主要是前端在開發(fā)過程中,對于數(shù)據(jù)處理之后插入到...

curried 2019-08-22 10:33 評論0 收藏0
js模板引擎——art Template

摘要：簡單介紹模板引擎作為數(shù)據(jù)與界面分離工作中最重要一環(huán)，越來越受開發(fā)者關(guān)注。是新一代模板引擎，它采用預(yù)編譯方式讓性能有了質(zhì)的飛躍，并且充分利用引擎特性，使得其性能無論在前端還是后端都有極其出色的表現(xiàn)。簡單介紹 javascript 模板引擎作為數(shù)據(jù)與界面分離工作中最重要一環(huán)，越來越受開發(fā)者關(guān)注。 artTemplate 是新一代 javascript 模板引擎，它采用預(yù)編譯方式讓性能有了...

2i18ns 2019-08-19 18:08 評論0 收藏0
模板引擎artTemplate的使用

摘要：引入文件寫模板模板模板內(nèi)容執(zhí)行模板模板，數(shù)據(jù)此處的數(shù)據(jù)必須是對象格式不是對象要包裝成對象的格式把模板生成的結(jié)構(gòu)添加到頁面目標(biāo)位置如果目標(biāo)位置沒有其他的元素可以用如果目標(biāo)位置還有其他的元素用追加1.引入template文件 2.寫模板　　模板內(nèi)容 3.執(zhí)行模板 var html = template(模板ID，數(shù)據(jù)) 　　**此處的數(shù)據(jù)必須是對象格式不是對象要包裝成對象的格式----...

Imfan 2019-04-23 11:46 評論0 收藏0