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 list would not be updated for now. Don't write comments.
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.
Because of GitHub search limitations, only 1000 first users according to amount of followers are included. If you are not in the list you don't have enough followers. See raw data and source code. Algorithm in pseudocode:
githubUsers
| # 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, "\$") |