View Backbone view rendering
var MyCollectionView = Backbone.View.extend({ | |
initialize: function() { | |
this.listenTo(this.collection, 'request', this.showLoader); | |
this.listenTo(this.collection, 'reset', this.render); | |
this.listenTo(this.collection, 'add', this.renderItem); | |
this.listenTo(this.collection, 'remove', this.removeItem); | |
if (this.collection.isReady()) { | |
this.render(); | |
} else { |
View font-size-comparison.html
<!doctype html> | |
<html> | |
<head> | |
<title>Font-size unit comparisons</title> | |
<style type="text/css"> | |
* { | |
margin: 0; | |
padding: 0; |
View gist:4558947
Ply.ui.define('html', { | |
__elements: { | |
body: 'body' | |
}, | |
__partials: { | |
body: 'body' | |
}, |
View Header1.css
/* $margin-large: 28px === desired margin from baseline. */ | |
/* $margin-medium: 16px === desired margin from baseline. */ | |
/* $margin-small: 8px === desired margin from baseline. */ | |
.base { | |
/* line-height adds 16px(!) to bottom of heading */ | |
line-height: 1.5; | |
font-size: 40px; | |
} |
View jquery.serializeobject.js
/*global jQuery */ | |
/*jshint bitwise: true, camelcase: true, curly: true, eqeqeq: true, forin: true, | |
immed: true, indent: 4, latedef: true, newcap: true, nonew: true, quotmark: single, | |
undef: true, unused: true, strict: true, trailing: true, browser: true */ | |
(function ($) { | |
'use strict'; | |
$.fn.serializeObject = function () { |
View event-order.html
<!doctype html> | |
<html> | |
<head> | |
<title> | |
Event order | |
</title> | |
<style type="text/css"> | |
* { | |
margin: 0; |
View gist:8470929
/* | |
* invokes 'focusout' / 'blur' type effect on any element | |
* | |
* NOTE: binds to html element so ensure namespace is passed in for manual unbinding. | |
*/ | |
(function ($, undefined) { | |
var defaults = { | |
namespace: 'clickOutside', // namespace to unbind at later time (currently manual) |
View NetworkError.js
'use strict'; | |
// http://stackoverflow.com/questions/31089801/extending-error-in-javascript-with-es6-syntax | |
class ExtendableError extends Error { | |
constructor(message) { | |
super(); | |
this.message = message; | |
this.stack = (new Error()).stack; | |
this.name = this.constructor.name; | |
} |
View events.js
const EventEmitter = require('events'); | |
const myEmitter = new EventEmitter(); | |
function handler1() { | |
console.log('first handler'); | |
myEmitter.removeListener('event', handler2); | |
} | |
function handler2() { |
View add.js
function add(val = 0, ...args) { | |
let sum = args.reduce((prev, curr) => { | |
return prev + curr; | |
}, val); | |
let ret = add.bind(this, sum); | |
ret.value = () => sum; | |
ret.add = ret; | |
return ret; | |
} |
OlderNewer