icecreamliker

/**
 * Author: LeeY
 */

var RSVP = require('rsvp');
var Promise = RSVP.Promise;

var c = {
  dataTypes: {
    _default: '*/*',

icecreamliker

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.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

icecreamliker

var fs = require('fs');

function tokenizer(file) {
  var content = fs.readFileSync(file, {
    encoding: 'utf-8'
  });
  this.lines = content.split('\n');
}

tokenizer.prototype = {

icecreamliker

function sort(array, i, j) {
  if (i == j) {
    return;
  }

  var start = i,
    end = j,
    key = array[i],
    flag = true;

icecreamliker

var event = new Event('yaoli');
// Listen for the event.
elem.addEventListener('yaoli', function (e) { console.debug(e); }, false);
// Dispatch the event.
elem.dispatchEvent(event);

// =====================================

// Custom Event
var event = new CustomEvent('yaoli', { 'detail':  'yaoli is a good guy!' });

icecreamliker

if (!Function.prototype.bind) {
  Function.prototype.bind = function (oThis) {
    if (typeof this !== "function") {
      // closest thing possible to the ECMAScript 5 internal IsCallable function
      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
    }

    var aArgs = Array.prototype.slice.call(arguments, 1), 
        fToBind = this, 
        fNOP = function () {},

icecreamliker

function calc(x) {
  var _sum = x;
  var fn =  function(y) {
    _sum += y;
    return arguments.callee;
  }
  fn.toString = function() {
    return _sum;
  }
  return fn;

icecreamliker

http://stephen.io/mediaqueries

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (max-device-height: 568px) and (orientation : portrait) { /* iphone 5, 5s*/ }

icecreamliker

Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with ‘overflow’ other than ‘visible’ (except when that value has been propagated to the viewport) establish new block formatting contexts for their contents.

icecreamliker

OOCSS: https://github.com/stubbornella/oocss/wiki

BEM: http://bem.info/method/

SMACSS: http://smacss.com/