jswhisperer

request = new XMLHttpRequest
request.open('GET', '/my/url', true)
request.send()

request.onload = function() {
  data = JSON.parse(this.response)
}

jswhisperer

request = new XMLHttpRequest
request.open('POST', '/my/url', true)
request.send(data)

jswhisperer

request = new XMLHttpRequest
request.open('GET', '/my/url', true)
request.send()

request.onload = function() {
  resp = this.response
}

request.onerror = function() {

jswhisperer

function fadeIn(el) {
  el.style.opacity = 0;

  var last = +new Date();
  var tick = function() {
    el.style.opacity = +el.style.opacity + (new Date() - last) / 400;
    last = +new Date();

    if (+el.style.opacity < 1) {
      (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16)

jswhisperer

// Show
el.style.display = '';
// Hide
el.style.display = 'none';

jswhisperer

if (el.classList)
  el.classList.add(className);
else
  el.className += ' ' + className;

jswhisperer

// After
el.insertAdjacentHTML('afterend', htmlString);

// Append
parent.appendChild(el);

// Before
el.insertAdjacentHTML('beforebegin', htmlString);

jswhisperer

// Children
el.children

// Clone
el.cloneNode(true);

// Contains
el !== child && el.contains(child);

// Contains Selector

jswhisperer

var elements = document.querySelectorAll(selector);
Array.prototype.forEach.call(elements, function(el, i){

});


el.innerHTML = '';

Array.prototype.filter.call(document.querySelectorAll(selector), filterFn);

jswhisperer

// Finding Children
el.querySelectorAll(selector);

// Finding Elements
document.querySelectorAll('.my #awesome selector');