Алексей

Берете текущее время - Date.now() к нему прибавляете время на которое выдаете бан (хоть минуту, хоть годы) и сохраняете это значение. Периодически (раз в сутки например) проверяете вышло время бана или нет, т.е. стало текущее время больше сохраненного - значит пора разбанивать. Еще можно сделать проверку разбана конкретного пользователя при его попытке зайти.
То что вы описываете с setTimeout дичь конечно, но при желании можно и её реализовать - сделать вложенные setTimeout.

Для такого используют базы данных - определяют временную метку, после которой пользователь будет разбанен и при ее достижении ограничения снимаются. Вешать тайм-ауты для этого неправильно - вдруг сервер приляжет отдохнуть и всё эти данные потеряются.

метод sort не правильно используется

- return aDist < bDist;
+ return aDist - bDist;

скорее всего это и есть причина такого поведения. Результатом aDist < bDist всегда будет либо true, либо false, что в данном контексте будет трактоваться как 1 и 0, т.е. aDist всегда больше или равен bDist и никогда не меньше него. Из-за разных используемых алгоритмов сортировки, разные движки сходят с ума по разному.

Хранить сообщения как массив объектов. В объекте сообщения должно быть свойство - id таймаута на удаление.

Сделать методы для установки и удаления таймаута (в качестве параметра принимают объект сообщения):

methods: {
  setDeleteTimeout(message) {
    message.timeout = setTimeout(this.удалитьСообщение, 5000, message);
  },
  delDeleteTimeout(message) {
    clearTimeout(message.timeout);
    message.timeout = null;
  },
  ...

Использовать эти методы для обработки событий mouseenter/mouseleave:

<div
  v-for="n in messages"
  @mouseenter="delDeleteTimeout(n)"
  @mouseleave="setDeleteTimeout(n)"
  ...

Ну и при создании объекта сообщения для него надо будет setDeleteTimeout вызвать.

https://jsfiddle.net/n2bp3yvh/2/

* cache.filter

Зачем сплитить?

const result = number.some((n) => something.includes(n));

Я перепробывал много вариантов, и всё не могли проверить на наличии двух лайка с одного аккаунта на одном и том же посте

- да нихрена ты не пробовал, иначе не писал бы такую чушь. Задачка на младшего помощника джуниора, ей богу.

не нужно для этого использовать регэкспы.
сделайте банальную проверку длины строки, и если она верна используйте регулярку для разбора.

В MySQL есть специальный оператор, который предоставляет информацию о том, как MySQL выполняет запрос.
https://dev.mysql.com/doc/refman/8.0/en/explain.html

Для визуального отображения результатов EXPLAIN можно использовать MySQL Workbench
https://dev.mysql.com/doc/workbench/en/wb-performa...

Так же Вы можете использовать инструменты профилирования dbForge Studio for MySQL
https://www.devart.com/ru/dbforge/mysql/studio/que...

const isAllUnique = (...args) => new Set(args).size === args.length;

console.log(isAllUnique(1, 2, 3, 4)); // true
console.log(isAllUnique(2, 2, 3, 4)); // false
console.log(isAllUnique(69, 187, 666)); // true

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

$.fn.customSelect = function() {
  return this.each(function() {
    const $this = $(this).hide();
    const $wrapper = $this.wrap('<div class="select_wrapper"></div>').parent();

    $wrapper.append(`
      <span>${$this.find(':selected').text()}</span>
      <ul class="select_inner">${$this.children().get().map(n => `
        <li data-value="${n.value}">${n.innerText}</li>`).join('')}
      </ul>
    `);
    $wrapper.on('click', 'li', function() {
      $wrapper.children('span').text(this.innerText);
      $this.val(this.dataset.value).trigger('change');
    });
    $wrapper.on('click', function() {
      $('ul', this).slideToggle('fast');
    });
  });
};


$('#materialColor, #kantcolor').customSelect().change(function() {
  console.log(`#${this.id}: "${this.value}"`);
});

Дичь конечно.

Не надо определять переменные с именами как у каких-то глобальных объектов, так что window - долой. Ну и в целом - как-то многословно, это могла бы быть и одна строка:

const closeInfoWindows = (...windows) => windows.forEach(w => w && w.close());

String(number).padStart(2,'0')
согласно последним стандартам

Создайте файл utils.js и кладите подобные функции туда.

Экспортируете так в utils.js
export function indexToFind () {...}

Затем в файле где хотите использовать
import { indexToFind } from 'utils.js';

Это самый адекватный подход. У вас таких функций может быть с сотня, по мере роста проекта, засирать window или vue global плохая идея для таких мелких функций.

А вот хороший пример что можно записывать в vue global:

main.js

import axios from 'axios';

Vue.prototype.$http = axios;