成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

artTemplate4.0使用總結(jié)以及與JSP頁面沖突解決方案。

buildupchao / 965人閱讀

摘要：原生語法左文右圖條評論視頻條評論渲染模板原生語法好處理復(fù)雜的邏輯，但是因?yàn)槭褂梅?，如果項目中使用了就會語法沖突，這個時候只能使用標(biāo)準(zhǔn)語法了。

art-template 是一個簡約、超快的模板引擎。它采用作用域預(yù)聲明的技術(shù)來優(yōu)化模板渲染速度，從而獲得接近 JavaScript 極限的運(yùn)行性能，并且同時支持 NodeJS 和瀏覽器。
Git地址:https://aui.github.io/art-tem...

模板語法
art-template支持兩種語法，標(biāo)準(zhǔn)語法可以讓模板更容易讀寫；原始語法具有強(qiáng)大的邏輯處理能力。

- 標(biāo)準(zhǔn)語法

   ```
   {{if user}}
     
{{user.name}}

   {{/if}}
   ```

渲染模板template(id, data)

    $(".content").prepend(template("card",res.data))
     標(biāo)準(zhǔn)語法更容易讀寫，但是卻無法處理復(fù)雜的邏輯。

原生語法

    <% if (user) { %>
      
<%= user.name %>

    <% } %>

渲染模板template(id, data)

   $(".content").prepend(template("card",res.data))
  原生語法好處理復(fù)雜的邏輯，但是因?yàn)槭褂?<%>符號，如果項目中使用了jsp就會語法沖
   突，這個時候只能使用標(biāo)準(zhǔn)語法了。

調(diào)用外部函數(shù)

// 定義模板方法
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) {});
上面的例子中要調(diào)用此函數(shù)需要通過imports方法注冊：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84832.html

相關(guān)文章

  • 微前端改造初探

    摘要：我們繼續(xù)沿用了原來就有的，借此把融入整個微前端框架，而已經(jīng)改造的則不需要我們的開發(fā)團(tuán)隊，分框架組和各個業(yè)務(wù)組。項目該項目是整個微前端項目的入口。本坑實(shí)踐它很大的理由也是用自己的方法初探微前端實(shí)踐方法的可行性。 在寫這篇文章的一個多月前，本坑還不知道微前端是什么，大概從字面上的含義是比較小的前端項目。 本坑開始實(shí)踐它，是由于工作要求。改造一個運(yùn)行多年，前端用jsp寫的服務(wù)平臺項目（以下簡...

    KunMinX 評論0 收藏0

  • 超詳細(xì)的Java面試題總結(jié)（四 ）之JavaWeb基礎(chǔ)知識總結(jié)

    摘要：系列文章請查看超詳細(xì)的面試題總結(jié)一之基礎(chǔ)知識篇超詳細(xì)的面試題總結(jié)二之基礎(chǔ)知識篇超詳細(xì)的面試題總結(jié)三之集合篇常見問題下面的都是自己之前在學(xué)習(xí)的時候總結(jié)的，對于鞏固的基礎(chǔ)知識應(yīng)該有很大幫助。注意多線程的并發(fā)的讀寫類屬性會導(dǎo)致數(shù)據(jù)不同步。 系列文章請查看： 超詳細(xì)的Java面試題總結(jié)（一）之Java基礎(chǔ)知識篇 超詳細(xì)的Java面試題總結(jié)（二）之Java基礎(chǔ)知識篇 超詳細(xì)的Java面試題總結(jié)（...

    Leo_chen 評論0 收藏0

  • Java知識點(diǎn)總結(jié)

    摘要：線程池中的和有什么不同直接提交的隊列該功能由對象提供。若大于最大線程數(shù)，則執(zhí)行拒絕策略。因?yàn)閷τ诠潭ù笮〉木€程池來說，不存在線程數(shù)量的動態(tài)變化，所以最大線程數(shù)等于核心線程數(shù)。返回核心線程數(shù)為，最大線程數(shù)為無窮大的線程池。 索引的實(shí)現(xiàn)方式 1、B+樹 我們經(jīng)常聽到B+樹就是這個概念，用這個樹的目的和紅黑樹差不多，也是為了盡量保持樹的平衡，當(dāng)然紅黑樹是二叉樹，但B+樹就不是二叉樹了，節(jié)點(diǎn)下...

    I_Am 評論0 收藏0

  • Java知識點(diǎn)總結(jié)

    摘要：線程池中的和有什么不同直接提交的隊列該功能由對象提供。若大于最大線程數(shù)，則執(zhí)行拒絕策略。因?yàn)閷τ诠潭ù笮〉木€程池來說，不存在線程數(shù)量的動態(tài)變化，所以最大線程數(shù)等于核心線程數(shù)。返回核心線程數(shù)為，最大線程數(shù)為無窮大的線程池。 索引的實(shí)現(xiàn)方式 1、B+樹 我們經(jīng)常聽到B+樹就是這個概念，用這個樹的目的和紅黑樹差不多，也是為了盡量保持樹的平衡，當(dāng)然紅黑樹是二叉樹，但B+樹就不是二叉樹了，節(jié)點(diǎn)下...

    Lorry_Lu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<