0xD34F

Вариант попроще - таймауты устанавливаются одновременно всем элементам, длительность таймаута зависит от индекса элемента:

let state = true;

document.querySelector('button').addEventListener('click', e => {
  state = !state;

  document.querySelectorAll('circle').forEach((n, i, a) => {
    setTimeout(() => {
      n.classList.toggle('st0', state);
      e.target.disabled = (state ? a.length - i : i + 1) !== a.length;
    }, (state ? a.length - i : i) * 3);
  });
});

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

let state = true;
const button = document.querySelector('button');
const circles = document.querySelectorAll('circle');

button.addEventListener('click', () => {
  state = !state;
  toggleCircle(0);
});

function toggleCircle(i) {
  if (i < circles.length) {
    setTimeout(() => {
      const index = state ? circles.length - i - 1 : i;
      circles[index].classList.toggle('st0', state);
      button.disabled = i !== circles.length - 1;
      toggleCircle(i + 1);
    }, 3);
  }
}

Ну или можно вместо таймаутов устанавливать интервал:

let state = true;
const circles = document.querySelectorAll('circle');

document.querySelector('button').addEventListener('click', function() {
  this.disabled = true;
  state = !state;

  let i = 0;
  const intervalID = setInterval(() => {
    const index = state ? circles.length - i - 1 : i;
    circles[index].classList.toggle('st0', state);
    if (++i === circles.length) {
      this.disabled = false;
      clearInterval(intervalID);
    }
  }, 3);
});

Так, что ли?

файлы записываются все сразу на первой же итерации

Что неудивительно, ведь fs.writeFile - асинхронная функция. Используйте синхронную, или можете написать обёртку, возвращающую Promise, либо самостоятельно:

const writeFile = (name, data) => new Promise((resolve, reject) => {
  fs.writeFile(name, data, function(err) {
    if (err) {
      reject(err);
    } else {
      resolve();
    }
  });
});

Либо с использованием util.promisify:

const writeFile = require('util').promisify(fs.writeFile);

И использовать её вместе с await'ом:

for (let i = 0; i < iterations; i++) {
  await writeFile(`data${i}.txt`, JSON.stringify(obj[i], null, 2));
}

moment.utc(moment.duration(endTime) - moment.duration(startTime)).format('HH:mm')

Ау, документацию для кого сделали?

Так, что ли?

.item
  margin-left: -450px
  @for $i from 1 through 6
    &:nth-child(#{$i})
      left: $i * 150% - 100%

Нет. Есть костыли (например) - можете использовать их. Ну или ждите Vue 3 - говорят, там будет.

если я пишу что то одно, то ошибка

Так вы проверяйте перед вызовом функции, что она есть. Вместо

- blocks.left()

будет

-
  if (blocks.left) {
    blocks.left()
  }

Ну или покороче можно: - blocks.left && blocks.left().

var delayAnim = 4;
<...>
'animation-delay': '.' + delayAnim + 's'

Круто. Секунды, которые на самом деле не секунды, а десятые доли секунды. Пишите сразу 0.4 при объявлении переменной, не вводите людей в заблуждение.

Ну а само увеличение делается элементарно - добавляйте к исходному значению индекс, умноженный на шаг:

'animation-delay': (delayAnim + 0.2 * index) + 's'

Слишком сложный код в watcher'е. Всё, что тут нужно - это найти ближайшую точку к текущему значению, достаточно считать абсолютные значения разностей, и брать минимальное.

Чтобы ваш код отрабатывал после изменений внутри слайдера, его можно попробовать завернуть в nextTick, и добавить ленивую синхронизацию при drag'n'drop'е.

Должно было быть так?

удаляются последовательно только теги tr <...> вложенные теги td остаются

Не вложенные. Давайте повнимательнее взглянем на создание новой строки в таблице:

table.appendChild(tr);
<...>
table.appendChild(tdLeft);  // "Название"
table.appendChild(tdRight); //"Описание"
table.appendChild(tdDelete); //"Навигация"

Ячейки у вас добавляются непосредственно в tbody, а вовсе не в tr.

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

UPD. Исправлено.

Функция объявлена внутри другой функции, и использовать первую вы пытаетесь за пределами второй - естественно, там её нет. Области видимости в js - бегом гуглить и разбираться, это основы.

Можно сделать фильтр:

filters: {
  shorten: (val, words = 2) => val.split(' ').slice(0, words).join(' '),
},

<div>{{ text | shorten }}</div>
<div>{{ text | shorten(5) }}</div>

Экземпляр компонента не пересоздаётся при смене страницы, так что хук created не вызывается, метод loadCustomers соответственно, тоже.

Надо установить слежение за изменениями страницы, например так:

watch: {
  '$route.query.page'() {
    this.loadCustomers();
  },
},

Или так (в этом случае вызывать в created метод loadCustomers не надо):

watch: {
  '$route.query.page': {
    immediate: true,
    handler: 'loadCustomers',
  },
},

Так?

Что-то вы переусложнили, всё гораздо проще:

if (coord.every((n, i) => n === coordinates[i])) {
  placemark.balloon.open();
}

Но вообще, надо переписывать - у вас там обработчик события clickAddress назначается несколько раз, хотя достаточно и одного (да и в целом - многословно как-то). Например, так:

const placemarks = elem.find('.map-balloonContent').get().map(n => createPlacemark({
  coord: $(n).data('coord'),
  content: $(n).html(),
}));
placemarks.forEach(n => myMap.geoObjects.add(n));
placemarks[0].balloon.open();

elem.on('clickAddress', function(e, coord) {
  placemarks.find(n => n.geometry.getCoordinates().every((m, i) => m === coord[i])).balloon.open();
});