0xD34F

А вы знаете, что такое new Date(2017, 0, 1)? Это первое января текущего года. То есть, условие (new Date()) > ts всегда оказывается истинным, и... ну да, выставляется дата, на 27 дней больше текущей. Ничего удивительного, что у вас постоянно происходит "обновление счета". Вы уж разберитесь, к какому моменту времени надо делать обратный отсчёт.

.recent:hover .info {

Селектор неправильный, .info находится не внутри, а после .recent. Делайте так:

.recent:hover ~ .info {

Конструктор Function помимо тела функции позволяет определять ещё и параметры - так что process можно подменить на всё, что угодно.

Как-то так: Function("process", "return process")(null).

const a = [ 'a', 'b', 'c', 'd' ];
const b = [ 'a', 'b', 'x', 'y', 'z' ];

const c = a.filter(n => b.indexOf(n) === -1);
// или
const c = a.filter(n => !b.includes(n));

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

function diff(data1, data2, key = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const keys = new Set(Array.from(data2, getKey));
  return Array.prototype.filter.call(data1, n => !keys.has(getKey(n)));
}


diff([1, 2, 3], [2]) // [1, 3]
diff([{id: 1}, {id: 2}, {id: 3}], [{id: 1}, {id: 3}], 'id') // [{id: 2}]
diff('AbCdE', 'aBc', n => n.toLowerCase()) // ['d', 'E']

Почему не работает:

Если функция parseInt встречает символ, не являющийся числом в указанной системе счисления, она пропускает этот и все последующие символы

Ну а получить своё число вы можете так, например: +/\d+/.exec(el).

Можно завести в data свойство, отвечающее за выбранный элемент, выводить его в модальном окне, а значение устанавливать при клике на ссылку. Типа так.

int number = // ну, чему-то там равно, сами подставите

for (int digit = 0; digit < 10; digit++) {
    int repeat = 0,
        n = number,
        p = 10;

    do {
        int mod = n % p;
        if (mod * 10 / p == digit) {
            repeat++;
        }

        n -= mod;
        p *= 10;
    } while (n);

    // что делать с результатом - тоже разбирайтесь сами
    printf("%d is repeated %d time(s)\n", digit, repeat);
}

Ошибка же при вычислении $(window).offset(). Не надо так. Есть scrollY - можно использовать его:

const $menu = $('.menu');
const offset = $menu.offset();

$(window).scroll(function() {
  $menu.toggleClass('menu-fixed', this.scrollY >= offset.top);
});

function makeTree($data, $levelField) {
  $root = [];

  foreach ($data as $d) {
    $arr = &$root;

    $level = 0;
    while ($d[$levelField] > $level++) {
      $arr = &$arr[count($arr) - 1]['children'];
    }

    $arr[] = array_merge($d, [ 'children' => [] ]);
  }

  return $root;
}

$tree = makeTree($data, 'depth');

<select>
  <option hidden></option>
  <option>вкладка 69</option>
  <option>вкладка 187</option>
  <option>вкладка 666</option>
</select>

<div>
  <div class="tab">hello, world!!</div>
  <div class="tab">fuck the world</div>
  <div class="tab">fuck everything</div>
</div>

.tab {
  display: none;
}

.tab.active {
  display: block;
}

document.querySelector('select').addEventListener('change', function() {
  document.querySelectorAll('.tab').forEach((n, i) => {
    n.classList.toggle('active', i === this.selectedIndex - 1);
  });
});

for (const n of document.getElementsByClassName('name')) {
  n.style.display = 'none';
}

или

.hidden {
  display: none;
}

document.querySelectorAll('.name').forEach(n => n.classList.add('hidden'));

const $picker = $('.datepicker-here');
$picker.datepicker({
  onRenderCell(date, cellType) {
    if (cellType === 'day') {
      const picker = $picker.data('datepicker');
      const selectedDate = picker && picker.selectedDates[0];
      if (selectedDate && date > selectedDate && date <= +selectedDate + 86400000 * 3) {
        return {
          disabled: true,
        };
      }
    }
  },
});

Добавьте return this в конец каждого метода.

Задать элементу transition:

.item {
  transition: transform 1s;
}

Определить класс, который будет задавать смещение:

.move {
  transform: translateY(150px);
}

Переключать класс при клике:

$(document).on('click', '.item', function() {
  $(this).toggleClass('move');
});

https://jsfiddle.net/rx2tgc0m/

ИЛИ

Можно обойтись без js - перед элементом прячем чекбокс; сам элемент делаем label'ом, который будет переключать состояние этого чекбокса; смещаем элемент, если перед ним находится отмеченный чекбокс:

<input type="checkbox" id="xxx">
<label class="item" for="xxx">
  ...

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked + .item {
  transform: translateY(150px);
}

https://jsfiddle.net/56y7vwjd/

Реализуем поддержку директивы v-model компонентом f-select - он должен принимать параметр value, который будет определять значение элемента <select> внутри компонента, а при выборе пользователем какого-то пункта выбранное значение должно отправляться родителю:

<select
  :value="value"
  @input="$emit('input', $event.target.value)"
  ...

Добавим в родительский компонент свойство country, и свяжем его c экземпляром компонента, который ответственен за выбор страны:

<f-select
  v-model="country"
  ...

Теперь для экземпляра компонента, ответственного за выбор города, можно значение параметра disabled поставить в зависимость от выбора страны:

<f-select
  :disabled="!country"
  ...

jsfiddle.net/4ugta2v5

Есть такая штука - делегирование называется.

Пример с добавлением новых элементов.

Оберните текст в span'ы и задавайте background им:

<div class="xxx"><span>hello, world!!</span></div>
<div class="xxx"><span>fuck the world</span></div>
<div class="xxx"><span>fuck everything</span></div>
<div class="xxx"><span>69</span></div>
<div class="xxx"><span>187</span></div>
<div class="xxx"><span>666</span></div>

.xxx {
  display: inline-block;
  width: 250px;
}

.xxx > span {
  background: #ddf;
}

Так?

data: () => ({
  items: [ '...', '...', ... ],
}),

<a v-for="(n, i) in items" :href="`#item_${i}`">{{ n }}</a>
<ul>
  <li v-for="(n, i) in items" :id="`item_${i}`">{{ n }}</li>
</ul>

Так нормально будет?