0xD34F

<td>{{ item.open | moment('utc', 'HH:mm:ss') }}</td>

При этом точно такой же блок кода, но с другим свойством, отлично срабатывает и текст меняется. Отличие в том, что это другое свойство изначально есть в этом объекте campaign, а не устанавливается в created.

Ясно. Вы, очевидно, думаете, что документацию читать не надо. Вы ошибаетесь. Читайте.

+str.match(/\d+$/).pop()

php.net/manual/ru/mysqli-result.fetch-all.php

const arrayToObject = (array) => {
  array.reduce(...

Надо добавить return или убрать фигурные скобки.

{id: '1', content: 'Some stuff'},

obj[item._id] = item

Почему в первом случае у id подчёркивания нет, а во втором есть? - ведь это один и тот же id, вроде как.

как лучше решить задачу преобразования массива в такой объект?

Давайте решим задачу в более общем виде, пусть ключами будут не обязательно id, а что угодно - добавим второй параметр, функцию, которая принимает элемент массива и возвращает ключ, под которым значение будет записано в объект; само значение аналогично - не обязательно элемент массива, тоже решаем этот вопрос через дополнительный параметр:

const arrToObj = (arr, key, val = n => n) =>
  arr.reduce((acc, n) => (acc[key(n)] = val(n), acc), {});


const obj1 = arrToObj(array, n => n.id);
const obj2 = arrToObj(array, n => n.id, n => n.content);

const $content = $('.video');
const $headers = $('.video-links a').on('click', function() {
  const href = $(this).attr('href');
  $headers.removeClass('active').filter(this).addClass('active');
  $content.addClass('video-off').filter(href).removeClass('video-off');
});

или

const content = document.querySelectorAll('.video');
const headers = document.querySelectorAll('.video-links a');

headers.forEach(n => n.addEventListener('click', onClick));

function onClick({ target: t }) {
  const href = t.getAttribute('href');
  headers.forEach(n => n.classList.toggle('active', n === t));
  content.forEach(n => n.classList.toggle('video-off', !n.matches(href)));
}

Объявление DeliveryCalculator - перенесите его выше объявления переменной calculator, или замените function expression на function declaration.

UPD. У вас там в конструкторе вызывается метод, добавленный в прототип... Переносите выше всё, не только объявление функции, но и модификацию её прототипа.

array_map(function($n) {
  return [
    'date' => $n[0],
    'sum' => $n[1]
  ];
}, array_chunk($arr, 2))

Задайте key для картинки:

<img src={data.url} key={data.url} width="100%" alt="" />

arr1.filter(n => arr2.includes(n)).length !== 0

// или

arr1.some(function(n) {
  return this.has(n);
}, new Set(arr2))

// или

new Set([ ...arr1, ...arr2 ]).size < new Set(arr1).size + new Set(arr2).size

UPD. Наконец-то дождались:

!!new Set(arr1).intersection(new Set(arr2)).size

if ([ 1, 2, 3, 4 ].includes(new Date().getDay())) {
  // показываем окно
}

var num = 3; 

for (var i = 1; i <= num; i++) {
  for (var j = 0; j < num; j++) { 
    process.stdout.write(`${i * num - j}\t`);
  }
  process.stdout.write('\n');
}

Делите ваше количество секунд на количество секунд в часе (3600) - получаете количество часов. Округляете его до целого (метод round), затем умножаете на 3600. В результате у вас получится количество секунд в целом числе часов.

При наведении происходят непонятные скачки

Понятные. Изменение положения элемента .box-inner завязано на его же :hover, так что когда он уезжает из-под курсора, состояние :hover теряется, элемент откатывается назад, под курсор, снова случается :hover, элемент опять едет вверх, ну и т.д. Надо смотреть :hover у элемента, который из-под курсора никуда не девается, т.е., у родительского:

.box:hover .box-inner {
  margin-top: -360px;
}

Также, как сделать, чтобы при убирании курсора все возвращалось обратно плавно, а не резким скачком?

Аналогично - transition должен присутствовать у элемента вне зависимости от наличия состояния :hover:

.box-inner {
  transition: all 500ms ease;
}

А почему вы после удаления поста перезапрашиваете данные (да ещё при этом не очищаете collection - из-за этого посты должны дублироваться)? - куда проще и быстрее удалить один элемент из массива.

Наверное, в removePost вместо this.getPictures() должно быть что-то вроде

this.collections.splice(this.collection.findIndex(n => n.id === picId), 1)

Оберните имя города в span, чтобы было так:

<div id="city">
  <img src="img/flag-m.png" />
  <span>Москва</span>
</div>

Сама подстановка значений:

const cityImage = document.querySelector('#city img');
const cityName = document.querySelector('#city span');

document.querySelector('ul').addEventListener('click', e => {
  const li = e.target.closest('li');
  if (li) {
    cityImage.setAttribute('src', li.getAttribute('data-gerb'));
    cityName.innerText = li.getAttribute('data-city');
  }
});

// или

document.querySelectorAll('li').forEach(function(n) {
  n.addEventListener('click', this);
}, ({ currentTarget: { dataset: { city, gerb } } }) => {
  cityImage.src = gerb;
  cityName.textContent = city;
});

Надо передавать в removeEventListener ту же функцию, что вы передавали в addEventListener. То есть, все color.bind(null, i) надо сохранить - в какой-нибудь массив, например.

Однако, раз вы используете bind ради передачи индекса, можно поступить иначе - уберите bind, вместо этого назначайте элементам атрибут, значение которого затем надо будет достать из целевого элемента внутри вашего color'а.

А на самом деле, не надо ничего - ни bind, ни дополнительных атрибутов, индекс вообще передавать не надо. Вы ведь используете индекс для того, чтобы обратится к элементу, на котором и произошёл клик. Он будет доступен в обработчике как this и как event.target (event.currentTarget, если клик был на дочернем элементе).

Напишем функцию перебора с задержкой элементов массивоподобного объекта, чтобы можно было делать так:

forEachWithDelay(
  document.querySelectorAll('.x'),
  1000,
  el => el.style.display = 'block'
);

Какие тут есть варианты:

Раз - таймауты сразу для всех элементов:

function forEachWithDelay(arr, delay, callback) {
  Array.prototype.forEach.call(arr, (n, i) => {
    setTimeout(callback, (i + 1) * delay, n);
  });
}

Два - рекурсивные таймауты, следующий назначается в коллбеке предыдущего:

function forEachWithDelay(arr, delay, callback) {
  (function next(i) {
    if (i < arr.length) {
      setTimeout(() => {
        callback(arr[i]);
        next(-~i);
      }, delay);
    }
  })(0);
}

Три - интервал:

function forEachWithDelay(arr, delay, callback) {
  let i = -1;
  const intervalId = setInterval(() => {
    if (++i < arr.length) {
      callback(arr[i]);
    } else {
      clearInterval(intervalId);
    }
  }, delay);
}

Уберите:

tooltips: {
  mode:"label"
}

Math.max(...str.match(/\d+/g))