| import { tracked } from '@glimmer/tracking'; | |
| import { helper } from '@ember/component/helper'; | |
| import { action } from '@ember/object'; | |
| /** | |
| * @template T | |
| * @type {WeakMap<Promise<T>, AsyncData<T, any>>} | |
| */ | |
| const PROMISE_STATE = new WeakMap(); |
| module.exports = { | |
| defaultBrowser: 'Safari', | |
| handlers: [ | |
| // Anything localhost should open in Edge | |
| { | |
| match: finicky.matchHostnames(['localhost']), | |
| browser: 'Microsoft Edge', | |
| }, | |
| // Launch Google Meet on my third user account |
| import { Promise } from 'liquid-fire'; | |
| import { animationFor } from '../utils/transition-helpers'; | |
| // `concurrent` is not, by itself, an animation. It exists to run two or more | |
| // transitions concurrently. | |
| export default function concurrent(...transitions) { | |
| return Promise.all(transitions.map((transition) => { | |
| return runAnimation(this, transition); | |
| })); |
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
Data Down / Actions Up
Plain JSBin's
Ember Version Base JSBin's
| <?php | |
| /** | |
| * A helper file for Laravel 5, to provide autocomplete information to your IDE | |
| * Generated for Laravel 5.5.13 on 2017-09-28. | |
| * | |
| * @author Barry vd. Heuvel <barryvdh@gmail.com> | |
| * @see https://github.com/barryvdh/laravel-ide-helper | |
| */ | |
| namespace { | |
| exit("This file should not be included, only analyzed by your IDE"); |