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
| // Usage : less2stylusDir('../src/css/'); | |
| var fs = require('fs'); | |
| // this less 2 stylus conversion script make a stylus easy to read syntax | |
| // - let the braces | |
| // - replace the @ for var as $ | |
| // - let semicolons | |
| function less2stylus(less) |
The count of contributions (summary of Pull Requests, opened issues and commits) to public repos at GitHub.com from Wed, 21 Sep 2022 till Thu, 21 Sep 2023.
Only first 1000 GitHub users according to the count of followers are taken. This is because of limitations of GitHub search. Sorting algo in pseudocode:
githubUsers
.filter(user => user.followers > 1000)
| # Quick hack of regular expressions to convert twitter bootstrap from LESS to Stylus | |
| less2stylus = (string) -> | |
| string = string | |
| .replace(/^(\ *)(.+)\ +\{\ *\n?\ */mg, "$1$2\n$1 ") # remove opening brackets | |
| .replace(/^(\ *)([^\ ]+)\ +\{\ *\n?\ *?/mg, "$1$2\n$1 ") # remove opening brackets | |
| .replace(/\ *\{\ *\n*/g, "\n") # remove opening brackets again (some random cases I'm too lazy to think through) | |
| .replace(/\ *\}\ *\n*/g, "\n") # remove closing brackets | |
| .replace(/\;\ *?$/gm, "") # remove semicolons | |
| .replace(/@(\w+):(\ *)\ /g, "\$$1$2 = ") # replace @variable: with $variable = | |
| .replace(/\@/g, "\$") |