騰訊js模板引擎 artTemplate 學習

2021-07-10 19:08:05 字數 1178 閱讀 5439

使用方式:

1.引入js檔案

2. 建立模板

id="test" type="text/html">

}1>}

1>

l>

}i>索引 } :}

i>

}l>

}script>

3.3.渲染資料至指定區域

var data = ;

var html = template('test', data);

document.getelementbyid('content').innerhtml = html;

script>

body>

html>

說明://提前宣告type="text/html" 編譯器則再不會報錯

id="test" type="text/html">script>

}符號包裹起來的語句則為模板的邏輯表示式。

對內容編碼輸出:

}

不編碼輸出:

}
編碼可以防止資料中含有 html 字串,避免引起 xss 攻擊。

}

admin

} master

} error!

}

無論陣列或者物件都可以用 each 進行遍歷。

}

} - }

}

亦可以被簡寫:

}

} - }

}

用於嵌入子模板。

}
子模板預設共享當前資料,亦可以指定資料:

}
使用template.helper(name, callback)註冊公用輔助方法:

template.helper('dateformat', function (date, format) );
模板中使用的方式:

}
支援傳入引數與巢狀使用:

}

具體說明使用參閱:

使用js模板引擎心得

最近幾年隨著web開發前後端分工越來越細,同時mvc mvp模式大行其道,js模板引擎也越來越流行了 js模板引擎很多,我經常用的是arttemplate jsviews這兩個模板引擎,12306用的就是jsviews arttemplate 特性 效能卓越,執行速度通常是 mustache 與 t...

js模板引擎artTemplate快速上手

1,編寫模板 採用script標籤並帶有屬性id和type text html 2,渲染模板 var data var html template test data document.getelementbyid content innerhtml html 模板語法 有兩個版本的模板語法可以選擇...

js模板引擎v6

這次的模板引擎主要在演算法方面做了些改進,主要借鑑正美的思路,傳統的字串模組都要處理轉義的問題,但我這新方法通過傳參手段消滅了這步驟 核心原理 function a return function data b a 主要原理是根據模版生成的字串建構函式對字串的轉義要求很高,一不留神就會出錯,這次採用...