摘要:原生語法左文右圖條評論視頻條評論渲染模板原生語法好處理復雜的邏輯,但是因為使用符號,如果項目中使用了就會語法沖突,這個時候只能使用標準語法了。
art-template 是一個簡約、超快的模板引擎。它采用作用域預聲明的技術來優化模板渲染速度,從而獲得接近 JavaScript 極限的運行性能,并且同時支持 NodeJS 和瀏覽器。
Git地址:https://aui.github.io/art-tem...
模板語法
art-template支持兩種語法,標準語法可以讓模板更容易讀寫;原始語法具有強大的邏輯處理能力。
- 標準語法 ``` {{if user}}{{user.name}}
{{/if}} ```
渲染模板template(id, data)
$(".content").prepend(template("card",res.data)) 標準語法更容易讀寫,但是卻無法處理復雜的邏輯。
原生語法
<% if (user) { %><%= user.name %>
<% } %>
渲染模板template(id, data)
$(".content").prepend(template("card",res.data)) 原生語法好處理復雜的邏輯,但是因為使用 <%>符號,如果項目中使用了jsp就會語法沖 突,這個時候只能使用標準語法了。
調用外部函數
// 定義模板方法 template.defaults.imports.formatDate = function(time) { return G.formatDate(time) } template.defaults.imports.crop = function(src,type,w,h) { return G.crop(src,type,w,h) } 4.0之前用的是這種方式 template.helper("formatPrice", function(price, type) {});
上面的例子中要調用此函數需要通過imports方法注冊:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/84832.html
摘要:系列文章請查看超詳細的面試題總結一之基礎知識篇超詳細的面試題總結二之基礎知識篇超詳細的面試題總結三之集合篇常見問題下面的都是自己之前在學習的時候總結的,對于鞏固的基礎知識應該有很大幫助。注意多線程的并發的讀寫類屬性會導致數據不同步。 系列文章請查看: 超詳細的Java面試題總結(一)之Java基礎知識篇 超詳細的Java面試題總結(二)之Java基礎知識篇 超詳細的Java面試題總結(...
閱讀 1310·2021-11-15 11:37
閱讀 3501·2021-11-11 16:55
閱讀 1750·2021-08-25 09:39
閱讀 3216·2019-08-30 15:44
閱讀 1734·2019-08-29 12:52
閱讀 1405·2019-08-29 11:10
閱讀 3241·2019-08-26 11:32
閱讀 3223·2019-08-26 10:16