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
| # This is not a ready-to-run script. It just shows the relevant command-line calls. | |
| XC_WORKSPACE=path/to/MyApp.xcworkspace | |
| XC_SCHEME=MyApp | |
| XC_CONFIG=Release | |
| ARCHIVE_PATH=dest/path/to/MyApp.xcarchive | |
| EXPORT_PATH=dest/path/to/MyApp.ipa | |
| DIST_PROFILE=NameOfDistributionProfile | |
| # Build and archive. This can be done by regular developers, using their developer key/profile. |
q. How do you comfort a JavaScript bug? a. You console it
When a JavaScript date has gone bad, "Don't call me, I'll callback you. I promise!"
Dev1 saw a strange JavaScript function & asked, "What is this?". Dev2 responded, "I don't know. I would've called you, but I was in a bind"
| // knockout 2.2.1 | |
| ko.utils.arrayFilter = function (array, predicate) { /* .. */ } | |
| ko.utils.arrayFirst = function (array, predicate, predicateOwner) { /* .. */ } | |
| ko.utils.arrayForEach = function (array, action) { /* .. */ } | |
| ko.utils.arrayGetDistinctValues = function (array) { /* .. */ } |