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.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent⇐ back to the gist-blog at jrw.fi
First there was JSLint, and there was much rejoicing. The odd little language called JavaScript finally had some static code analysis tooling to go with its many quirks and surprising edge cases. But people gradually became annoyed with having to lint their code according to the rules dictated by Douglas Crockford, instead of their own.
So JSLint got forked into JSHint, and there was much rejoicing. You could set it up to only complain about the things you didn't want to allow in your project, and shut up about the rest. JSHint has been the de-facto standard JavaScript linter for a long while, and continues to do so. Yet there will always be things your linter could check for you, but doesn't: your team has agreed on some convention that makes sense for them, but JSHint doesn't have an option
| if (typeof document === "undefined") {(function(self){ | |
| self.onmessage=function(e){ | |
| /* | |
| worker stuff | |
| */ | |
| } | |
| })(self)} else {(function(exports){ | |
| "use strict"; | |
| function getPath(){ | |
| var scripts = document.getElementsByTagName("script"); |
| Object.defineProperty(Date.prototype,"diff",{ | |
| writable: false, configurable: false, enumerable: true, | |
| /** | |
| * Returns the difference between two Date objects. | |
| * @param {Date} The date to compare to. | |
| * @return {Object} | |
| * @throws {TypeError} | |
| */ | |
| value: function(date) { |
| var isPortTaken = function(port, fn) { | |
| var net = require('net') | |
| var tester = net.createServer() | |
| .once('error', function (err) { | |
| if (err.code != 'EADDRINUSE') return fn(err) | |
| fn(null, true) | |
| }) | |
| .once('listening', function() { | |
| tester.once('close', function() { fn(null, false) }) | |
| .close() |
| /** | |
| * Modified from the Connect project: https://github.com/senchalabs/connect/blob/master/lib/middleware/errorHandler.js | |
| * | |
| * Flexible error handler, providing (_optional_) stack traces and logging | |
| * and error message responses for requests accepting text, html, or json. | |
| * | |
| * Options: | |
| * | |
| * - `showStack` respond with both the error message and stack trace. Defaults to `false` | |
| * - `showMessage`, respond with the exception message only. Defaults to `false` |
| /** | |
| * Object descriptor | |
| **/ | |
| var a = { | |
| prop1 : 14 | |
| } | |
| var descriptorObj1 = Object.getOwnPropertyDescriptor(a, 'prop1'); |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> | |
| <head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | |
| <script type="text/javascript" src="http://scripts.embed.ly/jquery.embedly.js"></script></head> | |
| <body> | |
| <form action="" method="get"><input type="text" name="q"/><input type="submit" name="q" value="Search"/></form> | |
| <ul></ul> | |
| <script> | |
| function searchTwitter(q){ | |
| //Force twitter to only search image providers |
