はてなブックマーク

JavaScript performance comparison Test case created by hokaccha on 2013-3-25 Preparation code <script> Benchmark.prototype.setup = function() { window.n = '100' }; </script> Test runner Warning! For accurate results, please disable Firebug before running the tests. (Why?) Java applet disabled.

CoffeeScript's for vs. Underscore _.each vs. jQuery $.each JavaScript performance comparison Revision 3 of this test case created by Onigoetz on 2012-4-10 Preparation code <script src="https://raw.github.com/documentcloud/underscore/ba3e31b53ef5752b40cfb2d71f594536fefbe916/underscore-min.js"> </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <scrip

JavaScript performance comparison Revision 6 of this test case created by Mihai Bazon on 2012-9-16 Preparation code <script> Benchmark.prototype.setup = function() { var a = 1, b = true, c = "c", d = [], e = {}, u; }; </script> Test runner Warning! For accurate results, please disable Firebug before running the tests. (Why?) Java applet disabled.

JavaScript performance comparison Revision 365 of this test case created by Jarno Keskikangas on 2012-2-24 Preparation code <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://leonidas.github.com/transparency/js/transparency.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore.js"></script> <script src="http://gith

JavaScript performance comparison Revision 2 of this test case created by on 2010-8-3 Preparation code <script> var type = 'bookmarks', regexp_s = /^products|bookmarks|recent|search$/, regexp = /products|bookmarks|recent|search/; </script> Test runner Warning! For accurate results, please disable Firebug before running the tests. (Why?) Java applet disabled. // Simple JavaScript Templating // John

JavaScript performance comparison Revision 2 of this test case created by on 2012-7-27 Preparation code <!-- Jquery --> <script src="https://code.jquery.com/jquery-1.7.2.min.js"></script> <!-- Angular --> <div ng-app> Angular: <span ng-controller="Ctrl" id="angList"><span ng-repeat="item in data">{{item}}</span></span> </div> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> <

JavaScript performance comparison Test case created by Sam Korn on 2011-4-14 Preparation code <div id='foo'>foo</div> <div id='bar'>bar</div><script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> var foo = $('#foo').hide(), bar = $('#bar'); $.fn.isVisible = function() { return $.expr.filters.visible(this[0]); }; </script> Preparation code output

JavaScript performance comparison Test case created by kazuho on 2012-7-2 Preparation code <script> Benchmark.prototype.setup = function() { var a = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; a = a.concat(a, a, a, a, a, a, a, a); }; </script> Test runner Warning! For accurate results, please disable Firebug before running the tests. (Why?) Java applet disabled.

JavaScript performance comparison Revision 7 of this test case created by on 2011-11-3 Preparation code <script src="http://code.jquery.com/jquery-1.7.min.js"> </script> <script> /* dollarDom jQuery Plugin v2.0 Copyright 2011 Robert Messerle Site: http://dollardom.robertmesserle.com/ */ (function($) { $.dom = function(str, obj, attr) { var tag = str.match(/^[\w\d]+/i)[0], classes = str.match(/\.[\

Recent uniqueArrayByKey (last updated 2 weeks ago) $A.util.isPlainObject (last updated 4 weeks ago) Object spread (last updated 4 days ago) For loops (last updated 2 weeks ago) Object spread (last updated 4 days ago) for..of vs forEach vs for (last updated 3 weeks ago) bit operator variables (last updated 3 weeks ago) mapping strategies when chunking (last updated 2 weeks ago) string hash vs asm.j

JavaScript performance comparison Test case created by Adrian Sutton on 2010-10-10 Preparation code <div id="container"> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> </div> <script> var container = document.getElementById('container'); function process(element) {} </script> Preparation code output <div id="contain

JavaScript performance comparison Test case created by uupaa on 2012-2-24 Preparation code <script> Benchmark.prototype.setup = function() { function createArray(num) { var rv = [], i = 0; for (i = 0; i < num; ++i) { rv[i] = i; } return rv; } function createReservedArray(num) { var rv = Array(num), i = 0; for (i = 0; i < num; ++i) { rv[i] = i; } return rv; } window.dataLength = 500 * 1000; window.

JavaScript performance comparison Test case created by azu on 2012-1-15 Preparation code <div> <div> <div> <div> <div id="target"> </div> </div> </div> </div> </div> <script> Benchmark.prototype.setup = function() { var $1 = document.getElementById.bind(document); var $2 = function(id) { return document.getElementById(id); }; var $3 = document.getElementById; }; </script> Preparation code output

JavaScript performance comparison Revision 12 of this test case created on 31st May 2011 Info Determining whether it is faster to use click(), bind(), delegate(), or live() on click events. Preparation code <div id="extra-dom-content"> <a href="#">Home</a> <a href="#">Home</a> <a href="#">Home</a> <a href="#">Home</a> <a href="#">Home</a> <a href="#">Home</a> <a href="#">Home</a> <a href="#">Home<

JavaScript performance comparison Test case created by ethagnawl on 2011-4-8 Test runner Warning! For accurate results, please disable Firebug before running the tests. (Why?) Java applet disabled.

JavaScript performance comparison Revision 73 of this test case created by Jeremy Ashkenas on 2011-1-30 Preparation code <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore.js"></script> <script src="http://github.com/janl/mustache.js/raw/master/mustache.js"></script> <script src="http://cloud.github

JavaScript performance comparison Test case created by Andrew Hedges on 2010-9-22 Preparation code <div> <ul> <li><a href="#">item 1</a></li> <li><a href="#">item 2</a></li> <li><a href="#">item 3</a></li> </ul> </div> Preparation code output <div> <ul> <li><a href="#">item 1</a></li> <li><a href="#">item 2</a></li> <li><a href="#">item 3</a></li> </ul> </div> Test runner Warning! For accurate res