亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

js模板引擎art template數(shù)組渲染的方法

Rainie / 1358人閱讀

摘要：是一個(gè)簡(jiǎn)約超快的模板引擎。比如小明單身小花有男朋友小胖有女朋友小麗單身用有個(gè)好處就是除了你的數(shù)據(jù)需要重組，其他的完全可以拿來(lái)直接用。轉(zhuǎn)載模板引擎數(shù)組渲染的方法

轉(zhuǎn)載：js模板引擎art template數(shù)組渲染的方法

JavaScript 模板引擎作為數(shù)據(jù)與界面分離工作中最重要一環(huán)，越來(lái)越受開發(fā)者關(guān)注，模板引擎種類也是五花八門，我就說(shuō)幾個(gè)安全性高、錯(cuò)誤處理調(diào)試優(yōu)，執(zhí)行速度快的有artTemplate(騰訊 14k)、juicer(國(guó)外 12k)這倆個(gè)，doT除了錯(cuò)誤處理調(diào)試差以外其他的都和這兩個(gè)一樣,他有一個(gè)優(yōu)點(diǎn)是小(4k)，扯遠(yuǎn)啦。

art-template 是一個(gè)簡(jiǎn)約、超快的模板引擎。

它采用作用域預(yù)聲明的技術(shù)來(lái)優(yōu)化模板渲染速度，從而獲得接近 JavaScript 極限的運(yùn)行性能，并且同時(shí)支持 NodeJS 和瀏覽器。在線速度測(cè)試。

我們就講一下講簡(jiǎn)潔語(yǔ)法的渲染方式，template(filename, content)根據(jù)模板名渲染模板。前提是你已經(jīng)對(duì)artTemplate有所了解，

今天我們就講一下數(shù)組渲染的方法

數(shù)組渲染有數(shù)組對(duì)象和純數(shù)組兩種形式，我們先說(shuō)數(shù)組對(duì)象，如后端返回我們接口，收到的就是一個(gè)數(shù)組。比如：

const res = [
{"name":"小明", "age":16, "marry":"單身"},
{"name":"小花","age":15, "marry":"有男朋友"},
{"name":"小胖","age":15, "marry":"有女朋友"},
{"name":"小麗","age":15, "marry":"單身"}
];

用artTemplate有個(gè)好處就是除了你的數(shù)據(jù)需要重組，其他的完全可以拿來(lái)直接用。如下

html

js

下面在看數(shù)組渲染，這是一個(gè)數(shù)組

const res = ["文藝", "博客", "攝影", "電影", "民謠", "旅行", "吉他"];

html

js

就說(shuō)這么多吧，其實(shí)這種模板用著挺簡(jiǎn)單的很順手。

轉(zhuǎn)載：js模板引擎art template數(shù)組渲染的方法

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/98193.html

相關(guān)文章

  • js模板引擎——art Template

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

    2i18ns 評(píng)論0 收藏0

  • 動(dòng)態(tài)數(shù)據(jù)的表格頁(yè)面展示

    摘要：而由于沒有后端的數(shù)據(jù)支持，所有的數(shù)據(jù)都在表格中展示，所以需要將表格中的數(shù)據(jù)轉(zhuǎn)為數(shù)據(jù)，再通過(guò)讀取，然后用模板引擎渲染到頁(yè)面上。 showImg(https://segmentfault.com/img/bV3N8M?w=1574&h=692);如圖所示，是一個(gè)動(dòng)態(tài)的表格，內(nèi)容數(shù)量不定第一層分類是專業(yè)大類的分類，第二層分類的國(guó)家的分類，第三層分類是具體專業(yè)名的分類（就是不同的色塊欄），甚至...

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

  • 動(dòng)態(tài)數(shù)據(jù)的表格頁(yè)面展示

    摘要：而由于沒有后端的數(shù)據(jù)支持，所有的數(shù)據(jù)都在表格中展示，所以需要將表格中的數(shù)據(jù)轉(zhuǎn)為數(shù)據(jù)，再通過(guò)讀取，然后用模板引擎渲染到頁(yè)面上。 showImg(https://segmentfault.com/img/bV3N8M?w=1574&h=692);如圖所示，是一個(gè)動(dòng)態(tài)的表格，內(nèi)容數(shù)量不定第一層分類是專業(yè)大類的分類，第二層分類的國(guó)家的分類，第三層分類是具體專業(yè)名的分類（就是不同的色塊欄），甚至...

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

  • [總結(jié)] js 模板引擎

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

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

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

0條評(píng)論

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