使用Backbone和Aura进行模板缓存?

时间:2018-06-15 10:49:20

标签: templates backbone.js underscore.js lodash aura.js

目前一直在使用Backbone和Aura。

创建了很多模板,例如:

<div class="controls-inner">
    <h4 style="margin-top:0px;"><%- locale('Controls') %></h4>  
  <% _.each(controls, function(items, key) { %>
  <div class="accordion" id="controls-accordion-<%- key %>">
    <div class="accordion-group">
      <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#controls-accordion-<%- key %>" href="#cgroup-<%- key %>"><%- locale(key) %></a>
      </div>
      <div id="cgroup-<%- key %>" class="accordion-body collapse <% if (_.indexOf(opened, key) >= 0) { %>in<% } %>">
        <div class="accordion-inner">
          <% _.each(items, function(item) { %>
            <a href="#" class="<%- item.className %>" title="<%- item.title %>" data-type="<%- item.type %>"><i class="icon-<%- item.type %>"></i> <span><%- locale(item.title) %></span></a>
          <% }); %>
        </div>
      </div>      
    </div>
  </div>
  <% }); %>
</div>

并且已经使用Aura解析模板:

/**
 * Button component template helper.
 *
 * @method buttonTemplate
 * @private
 */
buttonTemplate: sandbox.template.parse(buttonTemplate),

在我的页面上,有很多模板(大约100)的性能大大降低。

这样的解析是否会使模板被缓存?

是否有任何关于如何提高模板性能的线索(除了创建模板是外部文件,在这样的文件中进行循环...)

0 个答案:

没有答案