@danielkalen/simplybind
Version:
Magically simple, framework-less one-way/two-way data binding for frontend/backend in ~5kb.
47 lines (38 loc) • 1.14 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Bind Speed - SimplyBind</title>
<script src="../lib/_helpers.js"></script>
<script src="../lib/vue.js"></script>
</head>
<body>
<input type="text" id="input" v-model="propA">
<button onclick="executeTest()">Run</button>
<div id="result"></div>
<script type="text/javascript">
var objectA = {'propA':'123', 'propB':'123'},
altValue = true;
vue = new Vue({
'el': '#input',
'data': objectA
});
function alternatingValue(){
var returnValue = altValue ? 'firstChange':'secondChange';
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>