@danielkalen/simplybind
Version:
Magically simple, framework-less one-way/two-way data binding for frontend/backend in ~5kb.
45 lines (36 loc) • 1.15 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Bind Speed - SimplyBind</title>
<script src="../lib/_helpers.js"></script>
<script src="../../../dist/simplybind.pretty.js"></script>
</head>
<body>
<input type="text" id="input">
<button onclick="executeTest()">Run</button>
<div id="result"></div>
<script type="text/javascript">
var objectA = {'propA':'123', 'propB':'123'},
altValue = true;
SimplyBind('propA').of(objectA)
.to('value').of(document.getElementById('input'));
function alternatingValue(){
var returnValue = altValue ? 'valueA':'valueB';
altValue = !altValue;
return returnValue;
}
function testFunc(){
objectA.propA = alternatingValue();
};
function executeTest(){
// var avg = averageTime(testFunc);
// // var avg = oneTime(testFunc);
// document.getElementById('result').innerHTML = "Total: "+(avg*10000)+"ms <br />Average: "+avg+"ms";
averageTimeCareful(testFunc).then(function(avg){
document.getElementById('result').innerHTML = "Total: "+(avg*10000)+"ms <br />Average: "+avg+"ms";
});
}
</script>
</body>
</html>