簡單高效地JavaScript模板引擎——artTemplate

voyagelab 發(fā)布于2019-08-20 18:27 / 3512人閱讀

摘要：是一個簡單高效地模板引擎，相比于這種復(fù)雜的模板引擎，就顯得很嬌小。因為在的數(shù)組引用中那個沒有類似于模板數(shù)組引用中的數(shù)組子項說明上面例子中的或者。

artTemple是一個簡單高效地JavaScript模板引擎，相比于jsRender這種復(fù)雜的模板引擎，artTemple就顯得很“嬌小”。你幾乎可以在網(wǎng)上任意搜一篇博客或者文章，10分鐘的時間你就能基本的掌握它得用法（附上網(wǎng)站：http://www.jq22.com/jquery-in...）。有興趣的朋友可以自己去這個網(wǎng)站上看，里面都有其的特性啊，一些常用的api和例子。

寫這篇文章只是為了說明一下本人在使用jsRender和artTemple時候發(fā)現(xiàn)它們之間的一個小差別想和大家分享一下：

首先，給出渲染數(shù)據(jù)：

var data = {
                        title: "標(biāo)簽",
                        list: [
                            {
                               itemTitle:科目,
                               dataItem:["語文","數(shù)學(xué)"]
                            }
                        ]
                      };
   在artTemple中渲染模板：

用過jsRender的朋友們會有個挺揪心的問題就是在嵌套數(shù)組數(shù)據(jù)中，怎么在dataItem數(shù)組循環(huán)中引用與dataItem同級或者之上幾級的數(shù)據(jù)。jsRender中就需要使用#parent屬性一步一步的去計算出所需要引用的數(shù)據(jù)相對于dataItem的級數(shù)，然后才能正確引用。因為在jsRender的數(shù)組引用中那個沒有類似于artTemple模板數(shù)組引用中的數(shù)組子項說明（上面例子中的value或者item）。在artTemple中要實現(xiàn)在dataItem數(shù)組循環(huán)中引用與dataItem同級或者之上幾級的數(shù)據(jù)就簡單多了，只需如上述例子中一樣，綁定數(shù)組子項（value）就行了。

GPU云服務(wù)器云服務(wù)器高效javascript 高效學(xué)習(xí)javascript javascript高效圖形編程模板引擎

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

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

相關(guān)文章

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
[總結(jié)] js 模板引擎

摘要：第三部分介紹一種模板引擎，之所以介紹他是因為。。。。三簡介模板引擎是數(shù)據(jù)與界面分離工作中最重要一環(huán)。是新一代模板引擎，它采用預(yù)編譯方式讓性能有了質(zhì)的飛躍，并且充分利用引擎特性，使得其性能無論在前端還是后端都有極其出色的表現(xiàn)。嗯，這也是一個學(xué)習(xí)筆記，材料均來自網(wǎng)絡(luò)，有改動。。文章主要分為三部分，第一部分通過實現(xiàn)一個簡易的ERB模板引擎來介紹其原理，參考javascript模板引擎和實現(xiàn)...

airborne007 2019-08-19 18:42 評論0 收藏0
js模板引擎art template數(shù)組渲染的方法

摘要：是一個簡約超快的模板引擎。比如小明單身小花有男朋友小胖有女朋友小麗單身用有個好處就是除了你的數(shù)據(jù)需要重組，其他的完全可以拿來直接用。轉(zhuǎn)載模板引擎數(shù)組渲染的方法轉(zhuǎn)載：js模板引擎art template數(shù)組渲染的方法 JavaScript 模板引擎作為數(shù)據(jù)與界面分離工作中最重要一環(huán)，越來越受開發(fā)者關(guān)注，模板引擎種類也是五花八門，我就說幾個安全性高、錯誤處理調(diào)試優(yōu)，執(zhí)行速度快的有artT...

Rainie 2019-08-23 12:15 評論0 收藏0
artTemplate的簡單用法

摘要：在實際開發(fā)中，我們會使用模板引擎來提高開發(fā)效率。而眾多的模板引擎中，無論就速度，兼容性還是使用人數(shù)上，都占絕對優(yōu)勢。這里我將簡單地介紹下的常見用法。在實際開發(fā)中，我們會使用模板引擎來提高開發(fā)效率。而眾多的模板引擎中，artTemplate無論就速度，兼容性還是使用人數(shù)上，都占絕對優(yōu)勢。這里我將簡單地介紹下artTemplate的常見用法。需要先使用一個type=text/html的...

happyhuangjinjin 2019-08-16 10:52 評論0 收藏0
artTemplate的簡單用法

摘要：在實際開發(fā)中，我們會使用模板引擎來提高開發(fā)效率。而眾多的模板引擎中，無論就速度，兼容性還是使用人數(shù)上，都占絕對優(yōu)勢。這里我將簡單地介紹下的常見用法。在實際開發(fā)中，我們會使用模板引擎來提高開發(fā)效率。而眾多的模板引擎中，artTemplate無論就速度，兼容性還是使用人數(shù)上，都占絕對優(yōu)勢。這里我將簡單地介紹下artTemplate的常見用法。需要先使用一個type=text/html的...

hosition 2019-08-21 17:44 評論0 收藏0