1,
編寫模板
(採用script標籤並帶有屬性id和type="text/html")
2,渲染模板
var data = ;var html =
template
('test', data); document.getelementbyid('content').innerhtml = html;
模板語法
有兩個版本的模板語法可以選擇。 1.
簡潔語法,採用"}"
原生語法(採用"<%= %>")
使用原生語法,需要匯入
template-native.js
檔案。
template.js
(簡潔語法版, 2.7kb)
template-native.js
( 原生語法版
, 2.3kb)
方法
template(id, data)
根據 id 渲染模板。內部會根據
document.getelementbyid(id)
查詢模板,如果沒有 data 引數,那麼將返回一渲染函式。
使用js模板引擎心得
最近幾年隨著web開發前後端分工越來越細,同時mvc mvp模式大行其道,js模板引擎也越來越流行了 js模板引擎很多,我經常用的是arttemplate jsviews這兩個模板引擎,12306用的就是jsviews arttemplate 特性 效能卓越,執行速度通常是 mustache 與 t...
騰訊js模板引擎 artTemplate 學習
使用方式 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 i...
js模板引擎v6
這次的模板引擎主要在演算法方面做了些改進,主要借鑑正美的思路,傳統的字串模組都要處理轉義的問題,但我這新方法通過傳參手段消滅了這步驟 核心原理 function a return function data b a 主要原理是根據模版生成的字串建構函式對字串的轉義要求很高,一不留神就會出錯,這次採用...