使用方式:
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 主要原理是根據模版生成的字串建構函式對字串的轉義要求很高,一不留神就會出錯,這次採用...