Helder Santana heldr

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt

Get Mountain Lion and Homebrew to Be Happy

1) Install XCode 4.4 into /Applications

Get it from the App Store.

2) Install Command Line Tools

In XCode's Preferences > Downloads you can install command line tools.

What forces layout / reflow

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.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	//this function composes functions like in Haskell (and most other functional languages)
	//the final composed function can accept parameters dictated by the chain it creates
	//you can pass it a list of functions and it shall apply them from RIGHT to LEFT (right associativeness?)
	//eg., c0(fn1, fn2, fn3)(10) => return fn1(fn2(fn3(10)));
	// out<---<----<----<=10
	function c0(f, g) {
	var last;
	if (!arguments.length) return;
	if (arguments.length === 1) return f;
	if (arguments.length === 2) {

	{
	"env": {
	"browser": true,
	"node": true,
	"es6": true
	},

	"plugins": ["react"],

	"ecmaFeatures": {