@danielkalen/simplybind
Version:
Magically simple, framework-less one-way/two-way data binding for frontend/backend in ~5kb.
231 lines (229 loc) • 15 kB
HTML
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<script src="http://localhost:48626/takana.js"></script>
<script>
if (typeof takanaClient !== 'undefined')
takanaClient.run({host: 'localhost:48626'});
</script>
<title>Benchmarks Index</title>
</head>
<body>
<div class="testSuite_heading">
<div class="testSuite_heading-title">Data Binding Comparison</div>
<div class="testSuite_heading-subtitle">A rich comparison of various implemenations of data binding compared to SimplyBind</div>
</div>
<div class="testSuite_index">
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">AngularJS</span><span class="testSuite_index-item-title-version"> 1.5.8</span></div><a class="testSuite_index-item-button" href="AngularJS@1.5.8/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">KnockoutJS</span><span class="testSuite_index-item-title-version"> 3.4.0</span></div><a class="testSuite_index-item-button" href="KnockoutJS@3.4.0/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">Native</span><span class="testSuite_index-item-title-version"> (manual)</span></div><a class="testSuite_index-item-button" href="Native@(manual)/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">ReactJS</span><span class="testSuite_index-item-title-version"> 15.3.1</span></div><a class="testSuite_index-item-button" href="ReactJS@15.3.1/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.5.6</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.5.6/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.6.0</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.6.0/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.7.1</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.7.1/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.8.1</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.8.1/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.9.2</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.9.2/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.10.1</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.10.1/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.11.0</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.11.0/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.12.0</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.12.0/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.12.1</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.12.1/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.12.2</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.12.2/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.13.0</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.13.0/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.13.1</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.13.1/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.13.2</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.13.2/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.13.3</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.13.3/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.14.0</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.14.0/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.14.1</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.14.1/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">SimplyBind</span><span class="testSuite_index-item-title-version"> 1.14.2</span></div><a class="testSuite_index-item-button" href="SimplyBind@1.14.2/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
<div class="testSuite_index-item">
<div class="testSuite_index-item-innerwrap">
<div class="testSuite_index-item-title"><span class="testSuite_index-item-title-name">VueJS</span><span class="testSuite_index-item-title-version"> 1.0.26</span></div><a class="testSuite_index-item-button" href="VueJS@1.0.26/runner.html">
<div class="testSuite_index-item-button-text">Open Benchmarks Suite</div></a>
</div>
</div>
</div>
<div class="testSuite_divider">
<div class="testSuite_divider-line"></div>
<div class="testSuite_divider-text">Results</div>
</div>
<div class="testSuite_charts">
<div class="testSuite_charts-gap"></div>
</div>
<div class="testSuite_settingsBar">
<div class="testSuite_settingsBar-innerwrap">
<div class="testSuite_settingsBar-title">Settings</div>
<div class="testSuite_settingsBar-list" id="settingsBar">
<div class="testSuite_settingsBar-list-item" id="valueType">
<div class="testSuite_settingsBar-list-item-label">Value Type</div>
<div class="testSuite_settingsBar-list-item-options">
<div class="testSuite_settingsBar-list-item-options-item {{state}}" data-name="ops">Op/s</div>
<div class="testSuite_settingsBar-list-item-options-item {{state}}" data-name="points">Points</div>
</div>
</div>
<div class="testSuite_settingsBar-list-item" id="chartType">
<div class="testSuite_settingsBar-list-item-label">Chart Type</div>
<div class="testSuite_settingsBar-list-item-options">
<div class="testSuite_settingsBar-list-item-options-item {{state}}" data-name="bar">Bar</div>
<div class="testSuite_settingsBar-list-item-options-item {{state}}" data-name="column">Column</div>
</div>
</div>
<div class="testSuite_settingsBar-list-item" id="browserData">
<div class="testSuite_settingsBar-list-item-label">Browser Data</div>
<div class="testSuite_settingsBar-list-item-options">
<div class="testSuite_settingsBar-list-item-options-item {{state}}" data-name="current">Only Current</div>
<div class="testSuite_settingsBar-list-item-options-item {{state}}" data-name="all">All Browsers</div>
</div>
</div>
</div>
</div>
</div>
<script src="bower_components/polyfills/polyfills.js"></script>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/humanize/humanize.js"></script>
<script src="bower_components/simplybind/1.9.2/simplybind.pretty.js"></script>
<script src="indexCharts.js"></script>
<script>window.ignoreList = ["_sharedBenchmarks","SimplyBind@1.1.2","SimplyBind@1.2.0","SimplyBind@1.2.1","SimplyBind@1.3.0","SimplyBind@1.3.1","SimplyBind@1.3.2","SimplyBind@1.4.0","SimplyBind@1.4.5","SimplyBind@1.4.6","SimplyBind@1.4.7","SimplyBind@1.4.9","SimplyBind@1.4.10","SimplyBind@1.4.11","SimplyBind@1.5.0","SimplyBind@1.5.1","SimplyBind@1.5.2","SimplyBind@1.5.3b","SimplyBind@1.5.3","SimplyBind@1.5.4","SimplyBind@1.5.5","SimplyBind@1.7.0","SimplyBind@1.7.1-multiBindings","SimplyBind@1.8.0","SimplyBind@1.9.0","SimplyBind@1.9.1","SimplyBind@1.10.0"];</script>
<script>
indexCharts({
chartsOrderMap: [
"Object Update",
"Input Update",
"Input x100 Update",
"Input Transform",
"Div HTML Update",
"Div HTML Same Update",
"Div HTML Placeholder",
"Div HTML 250 Placeholders",
"Div Text Update",
"Div Text Placeholder",
"Create 1k DOM Els",
"Update 1k DOM Els",
"Create DOM Bindings",
"Create Object Bindings",
"Rebind existing bindings"
],
itemsMap: {
// 'Native': {index:0, color:'#ff5e3a'},
'Native': {index:0, color:'#dbddde'},
'SimplyBind': {index:1, color:'#ff9500'},
'ReactJS': {index:2, color:'#ffdb4c'},
'AngularJS': {index:3, color:'#87fc70'},
'VueJS': {index:4, color:'#52edc7'},
'Polymer': {index:5, color:'#1ad6fd'},
'KnockoutJS': {index:6, color:'#c644fc'},
'Aurelia': {index:7, color:'#ef4db6'},
'CycleJS': {index:8, color:'#4a4a4a'},
'Mithril': {index:9, color:'#ff5e3a'},
'Plastiq': {index:10, color:'#ff5e3a'}
}
})
</script>
</body>
</html>