0xD34F

Но что возвращает return this.on(...); ? Если ничего, то в чем суть?

А вы откройте код метода on, и посмотрите. Я бы предположил, что он возвращает this - чтобы сделать возможным method chaining.

UPD. Ну да, так и есть. Нашёл код модуля, о котором вы говорите - VideoStream наследуется от EventEmitter'а, в документации к которому насчёт метода on прямым текстом сказано, что

Returns a reference to the EventEmitter, so that calls can be chained

У вас запрос отсылается в created, а при изменении параметров экземпляр компонента заново не создаётся. Делайте watch на $route.params.id и отправляйте запрос в соответствующем обработчике.

Пытаетесь определить два класса с одним и тем же именем. Ну или один и тот же класс дважды. Так что или переименуйте один из классов, или удалите его - тут уж вам виднее.

Массив объектов { x, y }, где x - угол, y - значение. Типа так.

потому что отсутствуют content и display

{{#each this}}

Замените

$(".account_ads_more_block").toggleClass("active");

на

$(this).next(".account_ads_more_block").toggleClass("active");

Object.assign не выполняет глубокого копирования. Так что просто устанавливать значение value нельзя - это value одних и тех же объектов. Можно перезаписывать объект целиком, замените

fullField[field_name].value = element[field_name] || 'NULL';

на

fullField[field_name] = Object.assign(
  {},
  fullField[field_name],
  { value: element[field_name] || 'NULL' },
);

Вы используете $db сразу для двух задач - естественно, что второй запрос приводит к тому, что его результат перетирает результат первого запроса.

Что делать? Есть три варианта - два дурацких, и один правильный:

1. После выполнения первого запроса достаньте сразу все данные - закиньте их в отдельный массив, и обходите в цикле уже этот массив
   
2. Не используйте $db для выполнения запроса внутри цикла - создайте для этого отдельный экземпляр класса, отвечающего за работу с БД
   
3. Наконец, правильный вариант - доставайте все данные одним запросом, для этого вам потребуется разобраться с такой штукой как JOIN (вот прям берёте и гуглите - "sql join")
   

$this.elements.style.transform = "scale(0)";
$this.elements.style.transform = "scale(1)";

Вставьте между этими строками $this.elements.offsetTop;, например (ага, просто обращение к свойству, ничего более) - будет работать как вы хотите. М-м-магия? Никак нет. Рекомендую к прочтению.

Вешаете обработчик на boundschange, в котором проверяете ширину и если надо, дёргаете setCenter. Как-то так.

const found = Object.keys(obj).filter(n => n.toLowerCase().includes(search));
const SHOW = 2;
const button = document.querySelector('button');
const out = document.querySelector('#out');

button.addEventListener('click', showFound);
showFound();

function showFound() {
  out.insertAdjacentHTML('beforeend', found
    .splice(0, SHOW)
    .map(n => `<div>${n}</div>`)
    .join('')
  );

  button.disabled = !found.length;
}

Вот вы передаёте в конструктор объект настроек options - это хорошо, можно сделать ещё один объект, defaultOptions, с настройками по умолчанию, и объединять их, так, чтобы свойства из options имели больший приоритет:

const fullOptions = Object.assign({}, defaultOptions, options);

// или

const fullOptions = { ...defaultOptions, ...options };

const toString = obj => Object.values(obj).join(' ');

items.forEach(n => console.log(toString(n)));

Создаём новый массив:

const concat = (key, ...arrs) =>
  Object.values([]
    .concat(...arrs)
    .reduce((acc, n) => (acc[n[key]] = acc[n[key]] || n, acc), {})
  );


const newFirst = concat('hour', first, hours);

Дополняем существующий:

function add(key, target, ...sources) {
  const keys = new Set(target.map(key));

  sources.forEach(arr => arr.forEach(n => {
    const k = key(n);
    if (!keys.has(k)) {
      keys.add(k);
      target.push(n);
    }
  }));

  return target;
}


add(n => n.hour, first, hours).sort((a, b) => a.hour - b.hour);

a, b = input().split()

$('#courses').hover(function() {
  $('#coursesHeader').dequeue().show();
}, function() {          
  $('#coursesHeader').delay(1000).queue(function() {
    $(this).hide().dequeue();
  });
});

или

let timeout = null;

$('#courses').hover(function() {
  clearTimeout(timeout);
  $('#coursesHeader').show();
}, function() {          
  timeout = setTimeout(() => $('#coursesHeader').hide(), 1000);
});

В обработчике keydown отменяете действие по умолчанию, делаете прокрутку к выделенному элементу. Ну и в целом многовато копипасты, можно сократить:

$('<div class="list" />')
  .append([...Array(100)].map((n, i) => `<div>Item ${i}</div>`).join(''))
  .appendTo('body');

const li = $('.list').children();
let selected = $();

$(window).on('keydown', function(e) {
  e.preventDefault();

  const [ method, index ] = ({
    ArrowUp: [ 'prev', -1 ],
    ArrowDown: [ 'next', 0 ],
  })[e.key] || [];

  if (method) {
    const next = selected.removeClass('selected')[method]();
    selected = (next.length ? next : li.eq(index)).addClass('selected');
    $(this).scrollTop(selected.position().top);
  }
});

Не то значение сохраняете - какой к чёрту innerHTML? Сохраняйте переменную ticks:

localStorage.setItem('time', ticks);

А когда будете доставать значение из localStorage - не забудьте конвертировать в число, т.к. оно будет строкой:

// если значение отсутствует, то будет установлен 0, т.к. +null === 0
var ticks = +localStorage.getItem('time');