lennym

$.expr[':'].onscreen = function(obj){
	var $win = $(window), pos = $(obj).position();
	return $.contains(document.documentElement, obj) && pos.top < $win.height() && pos.left < $win.width();
};

$.expr[':'].offscreen = function(obj){
	return !$(obj).is(':onscreen');
};

lennym

var TestModel = Backbone.Model.extend({
    defaults: {
        primitiveProp: 'foo',
        objectProp: {
            prop1: 'val',
            prop2: null
        }
    }
});

lennym

function foo (val) {
    console.log(arguments, arguments[0]);
    val = 2;
}

foo(1);

// logs "[2], 1" in Google Chrome

lennym

Array.prototype.joinProperty = function(delim,method) {
    var output = '';

    for(var i=0; i < this.length; i++){
      if(this[i].hasOwnProperty(method)){
       output = output.concat(this[i][method],delim);
     }else if(eval("typeof this[i]."+method+" != 'undefined'")){
       output = output.concat(eval('this[i].'+method+'()'),delim);
     }
   }

lennym

Array.prototype.joinProperty = function(method, delim) {
	var output = [];
	for(var i=0; i < this.length; i++){
		if(typeof this[i][method] == 'function'){
			output.push(this[i][method]());
		} else {
			output.push(this[i][method]);
		}
	}
	return output.join(delim);

lennym

/** Example of Object based scope **/

ExampleObject = {
	setVariable: function () {
		this.value = 'foo';
	},
	getVariable: function () {
		// this.value is accessible from here because it was declared as a property of "this"
		return this.value;
	}

lennym

What's wrong with Netmag's "Optimize your JavaScript" post

I tweeted earlier that this should be retracted. Generally, these performance-related articles are essentially little more than linkbait -- there are perhaps an infinite number of things you should do to improve a page's performance before worrying about the purported perf hit of multiplication vs. division -- but this post went further than most in this genre: it offered patently inaccurate and misleading advice.

Here are a few examples, assembled by some experts in the field (largely Rick Waldron and Ben Alman, with some help from myself and several others from the place that shall be unnamed).

Factual inaccuracies

• Calling array.push() five times in a row will never be a "performance improvement." The author has clearly confused creating an array literal `["foo", "

lennym

iframe = document.createElement('iframe');
iframe.src = asset.svg;
iframe.onload = _.bind(function () {
    this.$el.append(iframe.contentDocument.getElementsByTagName('svg')[0]);
    document.body.removeChild(iframe);
    ready();
}, this);
document.body.appendChild(iframe);

lennym

// this works
define(function (require) {
    var a = require('a');
    return a;
});

// this fails, and I have no idea why
define(function (require) {
    var a = 'a';
    var b = require(a);

lennym

/**
    Usage: node facebook_user.js <app_id> <app_secret>
**/
var http = require('https');
var APP_ID = process.argv[2];
var SECRET = process.argv[3];
var NAME = process.argv[4] || 'Test%20User';

if (!APP_ID || !SECRET) {
    throw new Error('App ID and secret must be defined');