0xD34F

В чём была проблема найти ответ на свой вопрос самостоятельно? Создаёте промисы, которые будут резолвиться через определённый промежуток времени, и смотрите, сколько пройдёт до получения результата в обоих случаях:

const getNum = () => new Promise(r => setTimeout(r, 1000, Math.random() * 100 | 0));

(async () => {
  console.time('xxx');
  const [ result1, result2 ] = [ await getNum(), await getNum() ];
  console.log(result1, result2);
  console.timeEnd('xxx');
})();

(async () => {
  console.time('yyy');
  const [ result1, result2 ] = await Promise.all([ getNum(), getNum() ]);
  console.log(result1, result2);
  console.timeEnd('yyy');
})();

$('table').on('change', 'select', ({ target: t }) => {
  const isNone = t.value === 'none';

  $(t)
    .closest('td')
    [isNone ? 'nextAll' : 'next']()
    .find('select')
    .prop('disabled', isNone)
    .val((i, val) => isNone ? 'none' : val);
});

или

document.querySelector('table').addEventListener('change', ({ target: t }) => {
  if (t.tagName === 'SELECT') {
    const isNone = t.value === 'none';
    const { cellIndex: i, parentNode: { children } } = t.closest('td');

    [...children].slice(i + 1, isNone ? undefined : i + 2).forEach(n => {
      const select = n.querySelector('select');
      select.disabled = isNone;
      select.value = isNone ? 'none' : select.value;
    });
  }
});

Вам следует осознать, что

this.onWheel.bind(this) !== this.onWheel.bind(this) // true

Сохраняйте куда-нибудь созданный обработчик при добавлении, и при удалении передавайте в removeEventListener его, а не новую функцию.

<button id="button-1"

$('#botton-1').on('dblclick',

Круто. Вы и вправду считаете, что "u" и "o" - это одна и та же буква?

А консоль приветствует нас так: "Uncaught ReferenceError: $ is not defined". Кто-то забыл подключить jquery?

Может, стоит добавить что-то вроде https:// в начало url'а, на который вы пытаетесь сделать запрос?

$('#example thead tr:eq(1) th').slice(2).each(... дальше всё как было

UPD. Вынесено из комментариев:

не проканало, то есть визуально все как надо но по факту поиск из фильтра стал работать не в той колонке

Ну наверное надо эту двойку добавлять к индексу внутри each, не table.column(i), а table.column(i + 2). Или не полагаться на передаваемый индекс, а вычислять его самостоятельно, что-то вроде const index = $(this).closest('th').index().

работает только 1 раз и не выдаёт результат

Брехня. Работает всегда, результат каждый раз одинаковый.

Замените

jQuery(this).parent().find('.check-year .slct').children('span').text()

на

parseInt(jQuery(this).parent().find('.check-year .slct').text(), 10)

const result = obj1.filter(n => !arr1.includes(n.id));

или

const result = obj1.filter(function(n) {
  return !this.has(n.id);
}, new Set(arr1));

или

const result = Object.values(arr1.reduce(
  (acc, n) => (delete acc[n], acc),
  obj1.reduce((acc, n) => (acc[n.id] = n, acc), {})
));

или

const result = [...arr1.reduce(
  (acc, n) => (acc.delete(n), acc),
  new Map(obj1.map(n => [ n.id, n ]))
).values()];

const count = arr.reduce((acc, n) => (acc[n.revitid] = (acc[n.revitid] || 0) + 1, acc), {});
const unique = Object.entries(count).filter(n => n[1] === 1).map(n => n[0]);
const newArr = arr.filter(n => unique.includes(n.revitid));

или

const duplicate = arr.reduce((acc, n) => (acc[n.revitid] = acc.hasOwnProperty(n.revitid), acc), {});
const newArr = arr.filter(n => !duplicate[n.revitid]);

или

const newArr = arr.filter(function(n) {
  return !this.get(n.revitid);
}, arr.reduce((acc, { revitid: n }) => acc.set(n, acc.has(n)), new Map));

или

const newArr = arr.filter((n, i, a) => a.filter(m => m.revitid === n.revitid).length === 1);

или

const newArr = Object
  .values(arr.reduce((acc, n) => (acc[n.revitid] = acc[n.revitid] ? 1 : n, acc), {}))
  .filter(n => n !== 1);

или

const newArr = Object
  .values(arr.reduce((acc, n) => ((acc[n.revitid] = acc[n.revitid] || []).push(n), acc), {}))
  .flatMap(n => n.length === 1 ? n : []);

const getImageSizes = src => new Promise((resolve, reject) => {
  const img = new Image();
  img.onload = () => resolve({ width: img.width, height: img.height });
  img.onerror = reject;
  img.src = src;
});


getImageSizes(здесь путь к вашей картинке).then(sizes => {
  ...
});

Что там у вас отвечает за видимость картинки, preloaderVisibility? Ну вот и выставьте его в false по получении данных. Это после data.forEach(link => this.links.push(link)), если я правильно понял.

map.events.add('boundschange', function(e) {
  placemark.geometry.setCoordinates(e.get('newCenter'));
});

погуглил за вас

const chunks = (arr, chunkSize) =>
  arr.reduce((acc, n, i) => (
    (i % chunkSize) || acc.push([]),
    acc[acc.length - 1].push(n),
    acc
  ), []);


const data = [...Array(12).keys()];
const chunkSize = 2;

const html = chunks(data, chunkSize)
  .map(n => `<div>${n.map(m => `<div>${m}</div>`).join('')}</div>`)
  .join('');

А откуда вы взяли, что у вас там массив? Вы сообщение об ошибке вообще читали? Если "this.articles.push is not a function", значит this.articles - это не массив, у массивов метод push есть. Изначально да - массив, но когда вы в created вызываете getArticles, производится перезапись свойства. Неплохо было бы разобраться, что на самом деле возвращает запрос на получение статей - уж не объект ли?

UPD. Вынесено из комментариев:

Да, не массив, а объект. Я просто и так и так пробовал. Смог добавить таким способом.
this.articles = Object.assign(this.articles, response.data.payload);

Но значение добавилось не так как нужно.

Присваивание бессмысленное - Object.assign модифицирует первый аргумент, а не создаёт новый объект.

Кроме того, vue не отслеживает установку значений по индексу.

Сам способ добавления данных в массив сомнительный - что если имена свойств пришедшего объекта не образуют корректного набора индексов? Типа, начинаются не с нуля, есть пропуски... А если какие-то из имён свойств вообще не могут быть использованы в качестве индекса массива? - само свойство создано будет, но v-for (как и методы - forEach, map, ...) не будет его обрабатывать. Доставайте из объекта массив значений и уже его элементы добавляйте в articles:

this.articles.push(...Object.values(response.data.payload));

Это если именно "добавить в существующий". Но, поскольку изначально он пустой, в getArticles можно просто заменить один массив другим:

this.articles = Object.values(response.data.payload);

А вообще - какого чёрта? Ждёте массив, а приходит объект... Или исправьте бекенд, чтобы приходил массив, или не ждите массива - замените дефолтное значение articles на пустой объект, а в getArticles по получении данных просто выполняйте присваивание: this.articles = response.data.payload. А там, где пытаетесь concat выполнить, создавайте новый объект, в который будут копироваться свойства существующего и результат запроса:

this.articles = { ...this.articles, ...response.data.payload };
// или
this.articles = Object.assign({}, this.articles, response.data.payload);

Инициализируйте vue по событию popupopen:

marker.on('popupopen', function(e) {
  new Vue({ el: e.popup._contentNode });
});

let index = -1;

setInterval(radios => {
  radios.item(index = (index + 1) % radios.length).click();
}, 1000, document.querySelectorAll('.gallery-colors input'));

или

(function click(radios) {
  const radio = radios[-~radios.findIndex(n => n.checked)] || radios[0];
  radio.checked = true;
  radio.dispatchEvent(new Event('change', { bubbles: true }));
  setTimeout(click, 1000, radios);
})([...document.getElementsByName('bmw')]);

При присваивании или передаче в качестве параметра объект не копируется, копируется ссылка на него. Так что у вас в сторе оказывается тот же объект (в смысле - ссылка на тот же объект), что и в компоненте с формой.

Когда кидаете объект в стор, делайте копию. Типа, не size: this.namespaceSize, а size: { ...this.namespaceSize }. Или внутри стора копируйте, в мутации.

Есть linear-gradient, но там плавный переход цветов...

не обязательно:

linear-gradient(to right, white 0%, white 33%, blue 33%, blue 66%, red 66%, red 100%)