timkg

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                timkg
                / README.md
            
            
              Created
              March 22, 2014 05:40
                — forked from mbostock/.block
            
          
    A sunburst is similar to the treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by John Stasko. Data courtesy Jeff Heer.

  
## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
var myObj = {

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
// Closure - transporting a function outside of another function's scope. The returned function keeps reference to the inner scope, even when it is used somewhere else.

## gist:39f7b702bfdcd89de501
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<p>Most object-oriented languages are actually class-based.</p>
<p>Javascript is object-oriented in the sense that you can create Objects without Classes.</p>
<p>Every Object in JS is created via a Constructor, implicitly or explicitly.</p>

## gist:309a6d12741638c486be
      [1, 2, 3]
        .map(function (num) {
          var listItem = document.createElement('li');
          listItem.textContent = num;
          return listItem;
        })
        .reduce(function (acc, cur) {
          acc.appendChild(cur);
          return acc;
        }, document.createElement('ul'));

## gist:3932217

	function Paper() {};

	Paper.prototype.beats = function( o ) {
		if( o.constructor === Rock ) {
			return true;
		} else if ( o.constructor === Paper ) {
			return false;
		} else if ( o.constructor === Scissors ) {
			return false;

## gist:3932288
function Paper() {

	}

	Paper.prototype.beats = function( o ) {
		return o.beatenByPaper();
	};
	Paper.prototype.beatenByPaper = function() {
		return false;
	};

## gist:4040283
function stuff() {
	var start = new Date();
	// notice how 'stuff' is in the the call stack
	debugger;
	setTimeout(function timeout() {
		var end = new Date()
		  , diff = end - start;
		// notice how 'stuff' is NOT in the call stack
		debugger;
                console.log( diff + 'ms have passed' );

## gist:4048050
var clickCount = 0, link;
link = document.getElementById('masochist')
link.innerHTML = 'How many times can you click me?';
link.onclick = function(){
  clickCount++;
  link.onclick = function(){ clickCount++; };

  start = new Date();
  while (new Date() - start < 5000) {}
  console.log(clickCount);  // this will always be 1

## gist:4048408
var clickCount = 0, link;
link = document.getElementById('masochist')
link.innerHTML = 'How many times can you click me?';
link.onclick = function(){
  clickCount++;
  link.onclick = function(){ clickCount++; };

  start = new Date();
  while (new Date() - start < 5000) {}
  console.log(clickCount);  // this will always be 1
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	var myObj = {
	[1, 2, 3]
	.map(function (num) {
	var listItem = document.createElement('li');
	listItem.textContent = num;
	return listItem;
	})
	.reduce(function (acc, cur) {
	acc.appendChild(cur);
	return acc;
	}, document.createElement('ul'));

	function Paper() {};

	Paper.prototype.beats = function( o ) {
	if( o.constructor === Rock ) {
	return true;
	} else if ( o.constructor === Paper ) {
	return false;
	} else if ( o.constructor === Scissors ) {
	return false;
	function Paper() {

	}

	Paper.prototype.beats = function( o ) {
	return o.beatenByPaper();
	};
	Paper.prototype.beatenByPaper = function() {
	return false;
	};
	function stuff() {
	var start = new Date();
	// notice how 'stuff' is in the the call stack
	debugger;
	setTimeout(function timeout() {
	var end = new Date()
	, diff = end - start;
	// notice how 'stuff' is NOT in the call stack
	debugger;
	console.log( diff + 'ms have passed' );
	var clickCount = 0, link;
	link = document.getElementById('masochist')
	link.innerHTML = 'How many times can you click me?';
	link.onclick = function(){
	clickCount++;
	link.onclick = function(){ clickCount++; };

	start = new Date();
	while (new Date() - start < 5000) {}
	console.log(clickCount); // this will always be 1