目前一直在使用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)的性能大大降低。
这样的解析是否会使模板被缓存?
是否有任何关于如何提高模板性能的线索(除了创建模板是外部文件,在这样的文件中进行循环...)