art-template@4.12.2?使用記錄
? ? 有些時間不用了,最近因為APP項目有兩個頁面需求想要由前端來分擔,主要是數據展示為主;大量的字段需要填,dom操作簡直要命,需要大量的id,class,想想就惡心,那就直接懟模板吧;
引用art-template:? npm i art-template? 找到template-web.js文件引入
同時支持簡潔語法和原生語法
簡潔語法:直接用{{XX}}填坑
過濾器:{{XX |?過濾器名?參數1?參數2}}? ? 印象中原來使用中是使用:參數? ? ?此版本中使用空格隔開(控制臺看到的哈哈,不影響使用,懶得改)
自定義過濾器方法:template.defaults.imports.過濾器名 =?function(){}? 如下:
template.defaults.imports.starNum = function(data){
? ? ?var str = '';
? ? ?$(data).each(function(i, v){
? ? ? ? ? str += v+'、';
? ? ?})
? ? ?str = str.slice(0,-1);
? ? ?return str;
}
{{#XX}}? 這里#號表示原文輸出,返回內容包含html標簽時使用,現在#改成@了貌似。(控制臺提示,不影響使用,懶得改)
簡潔語法還有? each循環? $value表示循環內的每個元素? 還有$index表示索引?這次沒用,忘了
if條件判斷?這里沒用,不提也罷。
原生語法支持js的形式? <% 表達式? %>? ? <%=? 輸出值 %>? 略略略。。。。。
這個頁面過于簡單,沒有過多的使用art-template的功能,但無非就以上提到的常用的方法,復雜的時候度娘唄。腦子不好使,記呀記不住~曾經用過handlebars,基礎用法都差不多,個人還是偏好這個模板引擎。