All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParentelem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeightelem.getClientRects(), elem.getBoundingClientRect()
| var foo = function foo() { | |
| foo = 5; | |
| console.log(foo); | |
| }; | |
| foo(); | |
| // outputs: [Function foo] |
| <body> | |
| <div id="foo">...</div> | |
| <script src="jquery.js"></script> | |
| <script> | |
| $( "#foo" ).offset(); | |
| </script> | |
| </body> |
| /*! | |
| * jQuery.fn.hasAttr() | |
| * | |
| * Copyright 2011, Rick Waldron | |
| * Licensed under MIT license. | |
| * | |
| */ | |
| (function( jQuery ) { | |
| jQuery.fn.hasAttr = function( name ) { | |
| for ( var i = 0, l = this.length; i < l; i++ ) { |
| // get xml file & publish | |
| km.core = { | |
| url: 'someDir/someFile', | |
| fetch: $.get(url, function(xml) { | |
| $.publish('xmlFetch', [xml]); | |
| }) | |
| }; | |
| // subscribe to xml file and do stuff | |
| km.widget.edVolGraph = { |