OmShiv

import Controller from '@ember/controller';
import { action, computed, set, get, setProperties } from '@ember/object';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
	init() {
		super.init(...arguments);
    this.set('model', {
    	endsAt: 'some value',
			totalBudget: {

OmShiv

import Ember from 'ember';
import { set } from '@ember/object';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  someObj: { a: 1 },
  init() {
		this._super(...arguments);
    this.someProp = this.someObj;
  },

OmShiv

<canvas id="canvas"></canvas>

OmShiv

import ComponentOne from './component-one';
import ComponentA from '../mixins/component-a';

export default ComponentOne.extend(ComponentA, {
  type: 'Component Five',
  description: 'Extends Component One and includes Component A. Overrides obj in definition.',
  obj: {
    val: 5
  }
});

OmShiv

import ComponentOne from './component-one';
import ComponentA from '../mixins/component-a';

export default ComponentOne.extend(ComponentA, {
  type: 'Component Five',
  description: 'Extends Component One and includes Component A. Overrides obj in definition.',
  obj: {
    val: 5
  }
});

OmShiv

function (start,length){start=start||0;if(start<0)start=this.length+start;length=length||(this.length-start);var newArray=[];for(var i=0;i<length;i++)newArray[i]=this[start++];return newArray} VM2066:4
function (item){var i=0;var len=this.length;while(i<len){if(this[i]===item){this.splice(i,1);len--}else{i++}}return this} VM2066:4
function (item,from){return this.indexOf(item,from)!=-1} VM2066:4
function (keys){var obj={},length=Math.min(this.length,keys.length);for(var i=0;i<length;i++)obj[keys[i]]=this[i];return obj} VM2066:4
function (array){for(var i=0,j=array.length;i<j;i++)this.push(array[i]);return this} VM2066:4
function (array){for(var i=0,l=array.length;i<l;i++)this.include(array[i]);return this} VM2066:4
function include(object) {
    if (Object.isFunction(this.indexOf))
      if (this.indexOf(object) != -1) return true;

OmShiv

/*** OOP in JS ***/

// No Classes in JavaScript, but constructor functions.

var a = 5; 
// is equivalent to calling  
var a = Number(5); // JavaScript abstracts it.
// Number is a Constructor Function

// A Class. First letter caps only for symantics

OmShiv

if (!Function.prototype.bind) {
Function.prototype.bind = function (oThis) {

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

OmShiv

<div id="overlay-container-1" class="overlay">
  <div id="spelling-confirm-overlay" class="page" hidden="" style="max-height: 351.90000000000003px;">
  <div class="close-button"></div>
  <h1 i18n-content="spellingConfirmOverlay">Ask Google for Suggestions</h1>
  <div class="content-area">
    <span id="spelling-confirm-text" i18n-content="spellingConfirmMessage">Google Chrome can provide smarter spell-checking by sending what you type in the browser to Google servers, allowing you to use the same spell-checking technology used by Google search.</span>
    <a id="spelling-confirm-learn-more" target="_blank" i18n-content="learnMore" i18n-values="href:privacyLearnMoreURL" href="https://support.google.com/chrome/?p=settings_privacy">Learn more</a>
  </div>
  <div class="action-area">
    <div class="button-strip">

OmShiv

/*
** OLD
*/

var xhr = new XMLHttpRequest();
xhr.open('GET', '/path/to/image.png', true);

// Trick to pass bytes through unprocessed.
xhr.overrideMimeType('text/plain; charset=x-user-defined')