| #!zsh | |
| PACKAGE_MANAGER='yarn' | |
| INSTALL_TAILWIND=true | |
| # Run either with no args as an interactive script or with args for a non-interactive script. | |
| HAS_ARGS=$([ ${#} -eq 0 ]) | |
| # Parse any command line args: |
| /* | |
| * Polyfill for createImageBitmap | |
| * https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap | |
| * | |
| * Supports CanvasImageSource (img, video, canvas) sources, Blobs, and ImageData. | |
| * | |
| * From: | |
| * - https://dev.to/nektro/createimagebitmap-polyfill-for-safari-and-edge-228 | |
| * - https://gist.github.com/MonsieurV/fb640c29084c171b4444184858a91bc7 | |
| * Updated by: |
| /* | |
| * Safari and Edge polyfill for createImageBitmap | |
| * https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap | |
| * | |
| * Support source image types Blob and ImageData. | |
| * | |
| * From: https://dev.to/nektro/createimagebitmap-polyfill-for-safari-and-edge-228 | |
| * Updated by Yoan Tournade <yoan@ytotech.com> | |
| */ | |
| if (!('createImageBitmap' in window)) { |
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