UNPKG

@danielkalen/simplybind

Version:

Magically simple, framework-less one-way/two-way data binding for frontend/backend in ~5kb.

44 lines (36 loc) 1.13 kB
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bind Speed - SimplyBind</title> <script src="../lib/_helpers.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'}, inputEl = document.getElementById('input'), altValue = true; function alternatingValue(){ var returnValue = altValue ? 'firstChange':'secondChange'; altValue = !altValue; return returnValue; } function testFunc(){ var valueToSet = alternatingValue(); objectA.propA = valueToSet; inputEl.value = valueToSet; }; 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>