Aaron Gustafson aarongustafson

## gist:245831
eCSStender.register(
  {'selector': 'p'},
  '*',
  function( selector, properties, media, specificity )
  {
    console.log('eCSStender matched the selector "' + selector +
                       '" in the media type ' + media + '. It’s properties follow:');
    console.log(properties);
    console.log('The specificity of this selector is ' + specificity);
  }

## circular-reference-memory-leak-1.html
<html>
<head>
  <title>Circular references between JavaScript and DOM</title>
  <script type="text/javascript">
    // <![CDATA[
    var obj;
    window.onload = function()
    {
      obj = document.getElementById("DivElement");
      document.getElementById("DivElement").expandoProperty = obj;

## dom-leak-fix.js
window.onload = function()
{
  var
  body = document.getElementsByTagName('body')[0],
  div  = document.createElement('div'),
  parentDiv, childDiv;
  for ( i = 0; i < 5000; i++ )
  {
    parentDiv = div.cloneNode(true);
    parentDiv.onclick = foo;

## directly-passed-regexp.js
function directPassing ( string )
{
  return string.match( /abc/ );
}

## constructors.js
function usingConstructors( string )
{
  var a = new Array(), o = new Object();
}

## declare-vars-early.js
function camelize( str )
{
  var
  HYPHEN = '-',
  bits   = str.split(HYPHEN),
  length = bits.length,
  i = 1,
  new_str;
  if ( length == 1 ) { return bits[0]; }
  if ( str.charAt(0) == HYPHEN ) {

## declare-vars-early.js
function camelize( str )
{
  var
  HYPHEN = '-',
  bits   = str.split(HYPHEN),
  length = bits.length,
  i = 1,
  new_str;
  if ( length == 1 ) { return bits[0]; }
  if ( str.charAt(0) == HYPHEN ) {

## execute-if.js
function f( a )
{
  if ( a == 1 )
  {
    // do something
  }
}

## tricky-if.js
if ( a++, b == 5 )
{
  // always increments a, but ONLY enters the block if b == 5
}

## numeric-variable-pipe.js
function someFunction( n )
{
  n |= 1;
  // same as n = n || 1;
  // doesn't work with anything but numbers
}
	eCSStender.register(
	{'selector': 'p'},
	'*',
	function( selector, properties, media, specificity )
	{
	console.log('eCSStender matched the selector "' + selector +
	'" in the media type ' + media + '. It’s properties follow:');
	console.log(properties);
	console.log('The specificity of this selector is ' + specificity);
	}
	<html>
	<head>
	<title>Circular references between JavaScript and DOM</title>
	<script type="text/javascript">
	// <![CDATA[
	var obj;
	window.onload = function()
	{
	obj = document.getElementById("DivElement");
	document.getElementById("DivElement").expandoProperty = obj;
	window.onload = function()
	{
	var
	body = document.getElementsByTagName('body')[0],
	div = document.createElement('div'),
	parentDiv, childDiv;
	for ( i = 0; i < 5000; i++ )
	{
	parentDiv = div.cloneNode(true);
	parentDiv.onclick = foo;
	function directPassing ( string )
	{
	return string.match( /abc/ );
	}
	function usingConstructors( string )
	{
	var a = new Array(), o = new Object();
	}
	function camelize( str )
	{
	var
	HYPHEN = '-',
	bits = str.split(HYPHEN),
	length = bits.length,
	i = 1,
	new_str;
	if ( length == 1 ) { return bits[0]; }
	if ( str.charAt(0) == HYPHEN ) {
	if ( a++, b == 5 )
	{
	// always increments a, but ONLY enters the block if b == 5
	}
	function someFunction( n )
	{
	n \|= 1;
	// same as n = n \|\| 1;
	// doesn't work with anything but numbers
	}