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| /* bling.js */ | |
| window.$ = document.querySelectorAll.bind(document); | |
| Node.prototype.on = window.on = function (name, fn) { | |
| this.addEventListener(name, fn); | |
| }; | |
| NodeList.prototype.__proto__ = Array.prototype; |
| interface Option<T> { | |
| map <U>(fn: (a: T) => U): Option<U>; | |
| isSome(): boolean; | |
| isNone(): boolean; | |
| isSomeAnd(fn: (a: T) => boolean): boolean; | |
| isNoneAnd(fn: () => boolean): boolean; | |
| unwrap(): T; | |
| unwrapOr(def: T): T; | |
| unwrapOrElse(f: () => T): T; | |
| map<U>(f: (a: T) => U): Option<U>; |
NOTE: this is out of date - refer to moby/moby#9694
Here is a preview build of two new features we’re working on concurrently: container grouping (docker groups) and stack composition (docker up). Together, they will eventually form a complete replacement for Fig.
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
Google Chrome Developers says:
The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.
Some examples of file size differences: WOFF vs. WOFF2
#Reporter Save File Schema
##The Reporter Export File
Reporter saves to your Dropbox account with plaintext JSON files, one for each day. When a Report is entered in the app a file is created for that day if it does not exist. Otherwise, the report is appended to the existing file. The save folder is located in 'Dropbox/Apps/Reporter-App/'.
Reporter save files are named according to the following convention:
YYYY-MM-DD-reporter-export.json
| var gulp = require('gulp'); | |
| var browserify = require('gulp-browserify'); | |
| var concat = require('gulp-concat'); | |
| var styl = require('gulp-styl'); | |
| var refresh = require('gulp-livereload'); | |
| var lr = require('tiny-lr'); | |
| var server = lr(); | |
| var paths = { | |
| js: 'src/**/*.js', |
| -- Two dashes start a one-line comment. | |
| --[[ | |
| Adding two ['s and ]'s makes it a | |
| multi-line comment. | |
| --]] | |
| ---------------------------------------------------- | |
| -- 1. Variables and flow control. | |
| ---------------------------------------------------- |