template

Benchmark created by smeagol on

Description

template test

Preparation HTML

<script src="http://g.tbcdn.cn/kissy/k/1.4.0/seed-min.js?20131106"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<script>
KISSY.use("xtemplate", function(S, xtpl) {
    window.xtpl = xtpl;
});
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
kissy xtemplate
var tpl = '<a href="{{url}}"> \
                <div class="pic"><img src="http://img03.taobaocdn.com/tps/{{pictUrl}}_180x180.jpg"></div><div class="desc"> \
                    <strong>{{title}}</strong> \
                    <div class="price">参考价<em>￥{{price}}</em></div> \
                    <div class="merchant">{{sellerCount}}个商家</div> \
                    <div class="tags">{{property}}</div> \
                </div> \
            </a>';
var data = {
  url: 'o',
  title: 'o',
  pictUrl: 'o',
  price: 'o',
  sellerCount: 'o',
  property: 'o'
};
var render;
for (var i = 0; i < 100; i++) {
  render = new xtpl(tpl).render(data);
  console.log(render, "kissy");
}
ready
underscore template
var tpl = '<a href="<%=url%>"> \
                <div class="pic"><img src="http://img03.taobaocdn.com/tps/<%=pictUrl%>_180x180.jpg"></div><div class="desc"> \
                    <strong><%=title%></strong> \
                    <div class="price">参考价<em>￥<%=price%></em></div> \
                    <div class="merchant"><%=sellerCount %>个商家</div> \
                    <div class="tags"><%=property%></div> \
                </div> \
            </a>';

var data = {
  url: 'o',
  pictUrl: 'o',
  title: 'o',
  price: 'o',
  sellerCount: 'o',
  property: 'o'
};
var render;
for (var i = 0; i < 100; i++) {
  render = _.template(tpl)(data);
  console.log(render, "underscore");
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

  • Revision 1: published by smeagol on