Keyten

JavaScript Garden изучай.
Если для опыта, то почитай исходники jQuery (можно Mootools / Prototype) и запили свой аналог.

Если бы просто белый шум, то здесь явно проход по пикселям и Math.random ).
А полосы можно сверху наложить и анимировать каким-нибудь CSS.

А ещё можете поиграться с принципом цикады, вдруг выйдет что. Чередование наложенных друг на друга картинок, думаю, съест меньше всего ресурсов.

Заюзайте isPointInPath вместе с получением координат мыши.

Попробуйте странслейтить их на 0.5, 0.5. Вдруг поможет.
А если не поможет, а очень нужно, можно растеризовать, и уже после странслейтить.

А если на чистом JS, то вот так:

var valfield = document.getElementById('name');
var textarea = document.getElementById('textarea');

function clickListener(){
 textarea.value = valfield.value;
}

Graphics2D.js

graphics2d.js.org

Все основные возможности есть, разные дополнительные скоро будут со 2 версией. Если нужна какая помощь, пишите в личку на хабре :)

https://developer.mozilla.org/en-US/docs/Web/API/C...

Canvas имеет 2 контекста -- Context2D и WebGL.
Если первый используется, в основном, для рисования 2D (хотя 3D на нём отрисовать тоже можно, и даже не слишком сложно, поищите на хабре статьи юзера haqreu), то WebGL -- практически полный аналог OpenGL (а на OpenGL работает огромное количество игр и приложений, да хотя бы квейк на нём был). Соответственно, работает быстро, 3D легко рисуется.

Ну и я уже не говорю про огромное количество библиотек для рисования 3D на нём, одна из самых известных -- уже указанный ThreeJS.

Context2d однозначно проще и удобнее, единственное преимущество WebGL -- хорошая скорость отрисовки, т.е. на WebGL ресурсов кушать будет меньше.
Но значимый минус WebGL -- сложность. WebGL гораздо сложнее обычного контекста.

Посмотрите на
1. Библиотеку webgl-2d, это API стандартного 2D-контекста на WebGL.
2. Библиотеки с WebGL-рендером, на данный момент я знаю Pixi.js, в easeljs вроде что-то такое было. В Graphics2D.js, возможно, появится.

Если я вас правильно понял, вам нужно:
eval($data);

Или же

$data = new Function($('[data-ajax="true"]').data("data"));
// тут, возможно, какой-нибудь код
$data();

Но такое считается не очень хорошим кодом.

Одинаковые id - нехорошая идея, id задуманы оригинальными идентификаторами.
Возможно некорректное / неожиданное поведение.

Но вообще говоря, пара вариантов есть, например:

var classes = {};
$('.jspane *[id]').each(function(){
 if(classes[this.id])
  return $(this).remove();
 classes[this.id] = true;
});

Можно использовать не *[id], а .chat[id].

var loaded = [];
function require(){
 for(var i = 0, l = arguments.length; i < l; i++){
  if(loaded.indexOf(arguments[i]) > 0) continue;
  var script = document.createElement('script');
  script.src = arguments[i];
  document.body.appendChild(script);
 }
}

Я бы реализовал как-то так:

function debounce(f, ms){
 var lastCall = 0, now;
 return function(){
  now = Date.now();
  if(now > lastCall + ms){
   lastCall = now;
   f.apply(this, arguments);
  }
 };
}

А ещё можно как-нибудь коротко
calc=(a,b,o)=>eval((+a)+o+(+b));

var all = document.getElementsByTagName('*');
Array.prototype.forEach.call(all, function(element){
 if( element.style.backgroundColor === 'black')
  process(element);
});

А где деление?

var $this;
$('td').each(function(){
 $this = $(this);
 $this.text( parseInt( $this.text() ) / opt );
});