Mikhail Osher

Мне кажется, что первый вариант в любом раскладе быстрее.
Ибо обращение к объекту напрямую. Никаких лишних запросов.

var clone = $("#insert-form").clone();
clone.find("#comment-form").remove();

Активно юзаю эту связку в разработке фронтэнда - и даже не представляю, как можно иначе. Отличные инструменты.

Ох, там дикая система. В двух словах - tap вызывает click несколько раз.
Попробуйте назначать touch события через Hammer.JS.

var variable = 0;

setInterval(function() {
  ++variable;
}, 1000);

AngularJS.

apiok.ru/wiki/display/api/users.getInfo+ru

var src = [
{name: 'Vasya'},
{name: 'Zina'},
{name: 'Vasya'},
{name: 'Vasya'},
{name: 'Petya'},
{name: 'Vasya'},
{name: 'Petya'},
{name: 'Vasya'},
];

var temp = {};
var result = [];

src.forEach(function(item) {
  var name = item.name;
  
  if (!temp[name]) {
    temp[name] = true;
    result.push(item);
  }
});

console.log(result);

Сейчас каждый напишет свой любимый фреймворк.
Дэшборд можно сделать на любой технологии - выбирайте, что Вам по душе.
На мой взгляд, либо React + React-router + Flux, либо AngularJS.
Оба варианта имеют свои плюсы и минусы, нюансы и тонкости.
Как я упомянул выше, каждый предложит свой любимый, поэтому, предложу Вам AngularJS.

Посмотрите, как люди пишут плагины.
Например, bootstrap tooltip.

// TOOLTIP PLUGIN DEFINITION
  // =========================

  function Plugin(option) {
    return this.each(function () {
      var $this   = $(this)
      var data    = $this.data('bs.tooltip')
      var options = typeof option == 'object' && option

      if (!data && /destroy|hide/.test(option)) return
      if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
      if (typeof option == 'string') data[option]()
    })
  }

  var old = $.fn.tooltip

  $.fn.tooltip             = Plugin
  $.fn.tooltip.Constructor = Tooltip

blog.teamtreehouse.com/building-custom-controls-fo...