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

資訊專欄INFORMATION COLUMN

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

Rainie / 1323人閱讀

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

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

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

art-template 是一個簡約、超快的模板引擎。

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

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

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

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

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

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

html

js

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

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

html

js

就說這么多吧，其實這種模板用著挺簡單的很順手。

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

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

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

相關(guān)文章

  • js模板引擎——art Template

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

    2i18ns 評論0 收藏0

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

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

    joywek 評論0 收藏0

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

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

    selfimpr 評論0 收藏0

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

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

    airborne007 評論0 收藏0

發(fā)表評論

0條評論

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