国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

常用的JavaScript模板引擎介紹

2019-11-20 13:04:53
字體:
供稿:網(wǎng)友

最近工作內(nèi)容慢慢接近我的理想化(web前端),所以關(guān)注比較多的是前端性能!后臺同事介紹使用ajax模板引擎,提高渲染速度!

下面介紹幾款 JavaScript 模板引擎

1. Mustache

基于javascript 實現(xiàn)的模板引擎,類似于 Microsoft's jQuery template plugin,但更簡單易用!

2. doT.js

doT.js 包含為瀏覽器和Node.js 準(zhǔn)備的 JavaScript 模板引擎。

3. jSmart

jSmart 是著名的 PHP 模板引擎 Smarty 的 JavaScript 移植版本。

4. dom.js

dom.js 是一款可用在客戶端和服務(wù)器端的 JavaScript 模板引擎

5. jade

Jade是受Haml的影響以JavaScript實現(xiàn)用于node的高性能模板引擎。

6. Hogan.js

來自 Twitter 的 JavaScript 模板引擎。

7. Handlebars

Handlebars 是一個 JavaScript 的頁面模板庫

8. artTemplate

artTemplate 是新一代 javascript 模板引擎,它在 v8 中的渲染效率可接近 javascript 性能極限,在 chrome 下渲染效率測試中分別是知名引擎 Mustache 與 micro tmpl 的 25 、 32 倍。引擎支持調(diào)試。若渲染中遇到錯誤,調(diào)試器可精確定位到產(chǎn)生異常的模板語句,解決前端模板難以調(diào)試的問題。

獨有模板編譯工具,它能把前端模板編譯成不依賴模板引擎運行的JS文件,讓前端模板可以突破瀏覽器的限制,實現(xiàn)像后端模板一樣按文件與目錄的方式組織、按需加載、include嵌套等。這一切都在 2kb(gzip) 中實現(xiàn)!

也許你會覺得這個插件名似曾相識,沒錯!這個也是artDialog的作者糖餅

博客地址:http://www.planeart.cn/

引用引擎

復(fù)制代碼 代碼如下:

<script src="js/template.js"></script>

編寫模板

復(fù)制代碼 代碼如下:

<script id="test" type="text/html">
//使用一個type="text/html"的script標(biāo)簽存放模板:
<h1><%=title%></h1>
<ul>
  <%
    for(i=0;i<list.length;i++){%>
      <li>itemL <%=i+1%>:<%=list[i]%></li>
    <%}%>
</ul>
//模板邏輯語法開始與結(jié)束的界定符號為<% 與%>,若<%后面緊跟=號則輸出變量內(nèi)容
</script>

渲染模板

復(fù)制代碼 代碼如下:

var data = {
    title: '標(biāo)簽',
    list: ['文藝', '博客', '攝影', '電影', '民謠', '旅行', '吉他']
};
var html=template.render("test",data);
document.getElementById('content').innerHTML = html;

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 德江县| 东安县| 沛县| 龙岩市| 区。| 花莲市| 隆林| 永登县| 井研县| 兴义市| 庄河市| 清镇市| 甘肃省| 河东区| 九台市| 秀山| 丰顺县| 朝阳市| 神木县| 莱阳市| 津市市| 会同县| 淅川县| 延川县| 玉树县| 榆中县| 禹城市| 海城市| 淮阳县| 宾川县| 永德县| 侯马市| 岳池县| 阿巴嘎旗| 绥江县| 吉木萨尔县| 宁陵县| 江都市| 泗水县| 新安县| 上饶市|