Stoyan stoyan

## jsperf-bookmarklet.js
(function(){

  var key = localStorage.wpt_key;
  if (!key) {
    var prompt = window.__proto__.prompt;
    key = prompt('Your WebPagetest API key, please?');
    if (!key) {
      return gameOver();
    }
    localStorage.wpt_key = key;

## gist:4339839

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                stoyan
                / gist:4339839
            
            
              Created
              December 19, 2012 19:42
                — forked from jakearchibald/gist:4338551
            
          
    Snow in canvas land

Other peoples' code is awful, and your own code from months previous counts as someone else's. With this and the festive spirit in mind, I dug up a canvas snow demo I made two years ago to see how bad my code really was.
How does it work?

Snowflake objects are created with a radius, opacity, y-velocity, and x-range (they drift from side to side). As they fall, they're drawn to a canvas, this canvas is cleared on every frame. When snowflakes land, they're drawn to another canvas, and the Snowflake is removed from the "active snowflakes" list. The second canvas is never cleared, snowflakes shapes are added as they land, meaning I don't have to redraw all the landed snowflakes per frame.
Two years of browser development later, what's wrong with it?

  
## gist:3801728
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <pre id=r></pre>
  <iframe></iframe>
  <script>

## isNativeFunction.js
var isNativeFunction = function (f) {
  try {
    Function("return " + f.toString());
    return false;
  } catch (_) {
    return true;
  }
};

## html2ascii.js
// replacements
var t = $$('.entry')[0].innerHTML;
t = t.replace(/’/g, "'").replace(/“/g, '"').replace(/”/g, '"');
t = t.replace(/<li>/g, '<li>* ');
t = t.replace(/<\/ul>/g, '</ul><br>');
t = t.replace(/<code>/g, '`').replace(/<\/code>/g, '`');
t = t.replace(/<h2>/g, '<h2>=== ');
t = t.replace(/<h3>/g, '<h3>==== ');
t = t.replace(/<h4>/g, '<h4>===== ');
t = t.replace(/<pre/g, '[source,js]<br>----------------------------------------------------------------------<pre');

## YUI3, jQuery-style.js
var $;
YUI().use('*', function(Y){
  $ = Y.get;
  for(var p in Y) {
      $[p] = Y[p];
  }
});

// test
$('body').append("boo!");
	(function(){

	var key = localStorage.wpt_key;
	if (!key) {
	var prompt = window.__proto__.prompt;
	key = prompt('Your WebPagetest API key, please?');
	if (!key) {
	return gameOver();
	}
	localStorage.wpt_key = key;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<pre id=r></pre>
	<iframe></iframe>
	<script>
	var isNativeFunction = function (f) {
	try {
	Function("return " + f.toString());
	return false;
	} catch (_) {
	return true;
	}
	};
	// replacements
	var t = $$('.entry')[0].innerHTML;
	t = t.replace(/’/g, "'").replace(/“/g, '"').replace(/”/g, '"');
	t = t.replace(/<li>/g, '<li>* ');
	t = t.replace(/<\/ul>/g, '</ul><br>');
	t = t.replace(/<code>/g, '`').replace(/<\/code>/g, '`');
	t = t.replace(/<h2>/g, '<h2>=== ');
	t = t.replace(/<h3>/g, '<h3>==== ');
	t = t.replace(/<h4>/g, '<h4>===== ');
	t = t.replace(/<pre/g, '[source,js]<br>----------------------------------------------------------------------<pre');
	var $;
	YUI().use('*', function(Y){
	$ = Y.get;
	for(var p in Y) {
	$[p] = Y[p];
	}
	});

	// test
	$('body').append("boo!");