0xD34F

толстая красная линия и с обеих сторон от неё по тонкой белой линии

Реально это будут две линии - толстая белая, и красная потоньше, лежащая посередине белой. Типа так.

Кого надо сложить: const className = 'price';.

Как получить элементы:

const elements = document.querySelectorAll(`.${className}`);
// или
const elements = document.getElementsByClassName(className);

Как из элемента извлечь значение:

const getVal = el => parseFloat(n.textContent);
// или
const getVal = el => Number(el.innerText.split(' ')[0]);
// или
const getVal = el => +el.innerHTML.match(/\d+(\.\d+)?/)[0];

Извлекаем, складываем:

const sum = Array.prototype.reduce.call(
  elements,
  (acc, n) => acc + getVal(n),
  0
);

// или

let sum = 0;
for (const n of elements) {
  sum += getVal(n);
}

// или

let sum = 0;
for (let i = 0; i < elements.length; i++) {
  sum += getVal(elements[i]);
}

// или

const sum = eval(Array.from(elements, getVal).join('+')) || 0;

// или

const sum = (function get(i, n = elements.item(i)) {
  return n ? getVal(n) + get(i + 1) : 0;
})(0);

Но что возвращает 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);
});