Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="https://raw.github.com/tenbits/MaskJS/master/lib/mask.js"></script>
<script> var maskN = mask; </script>

<script src="https://raw.github.com/tenbits/MaskJS/v050/lib/mask.js"></script>
<script> var mask050 = mask; </script>

<script src="https://raw.github.com/tenbits/MaskJS/scope-vars/lib/mask.js"></script>


<script>
window.sharedVariables = {
   header: "Header",
   header2: "Header2",
   header3: "Header3",
   header4: "Header4",
   header5: "Header5",
   header6: "Header6",
   list: ['1000000000', '2', '3', '4', '5', '6', '7', '8', '9', '10']
  };
  
  window.maskTemplateRaw = "div { \
                                    h1.header > '#{header}'\
                                    h2.header2 > '#{header2}'\
                                    h3.header3 > '#{header3}'\
                                    h4.header4 > '#{header4}'\
                                    h5.header5 > '#{header5}'\
                                    h6.header6 > '#{header6}'\
div#id.myClass data-attr='attr' data-title='title' > span > 'hello' \
                                    ul.list > list value='list' > li.item > '#{.}'\
}";
</script>

<div id="template" style=""></div>
<script>
  Benchmark.prototype.setup = function() {
    var div = $('#template')[0];
  };

  Benchmark.prototype.teardown = function() {
    div.innerHTML = '';
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

div.appendChild(mask050.renderDom(maskTemplateRaw, sharedVariables));

++sharedVariables.list[0];

div.appendChild(maskN.render(maskTemplateRaw, sharedVariables));

++sharedVariables.list[0];

maskN.clearCache();

div.appendChild(mask.render(maskTemplateRaw, sharedVariables));

++sharedVariables.list[0];

mask.clearCache();

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 2: published by tenbits on 8th December 2012
• Revision 3: published by tenbits on 6th February 2013
• Revision 4: published on 10th February 2013
• Revision 8: published by tenbits on 20th March 2013
• Revision 9: published on 25th March 2013

0 comments