0xD34F

О каком input'е идёт речь, и чему должно быть кратно его значение:

const input = document.querySelector('input');
const num = 100;

Можно исправлять вводимые значения:

input.addEventListener('change', function() {
  this.value = (this.value / num | 0) * num;
});

Или не давать вводить неправильные - блокируем ввод в инпут (атрибут readonly), изменение значения осуществляем с помощью кнопок:

<button data-step="-1">-</button>
<button data-step="+1">+</button>

document.querySelectorAll('[data-step]').forEach(function(n) {
  n.addEventListener('click', this);
}, e => input.value = +input.value + e.target.dataset.step * num);

Добавляем pointer-events: none; элементу .bigImage - всё окей, никаких скачков.

кто документацию не читает - тот дурак

Ну раз данные должны обновляться при наличии компонента - отключайте обновление в его beforeDestroy.

Есть разница между просто делением и делением целочисленным. А вы обе команды одинаково обрабатываете.

ng-repeat="obj in this.objects | filter: this.searchText as filtered"

ng-if="!filtered.length"

А может стоит перестать заниматься ерундой (в смысле - пытаться использовать jquery совместно с vue), и попробовать взглянуть в сторону чего-нибудь более подходящего?

Ну а так-то проблем нет: DOM-элементам добавляете какой-нибудь атрибут (типа data-id), который будет задавать связь между DOM-элементом и элементом данных; добавляете обработчик update своему sortable, в котором получаете DOM-элементы, выдергиваете значения атрибута, в соответствии с их порядком перестраиваете исходные данные. Например.

А зачем вам vue версии 1? Возьмите посвежее, всё будет окей.

Массив scrores у вас пустой, замените

scores:=[]int32{}

на

scores:=[]int32{0, 0}

Десять секунд гугления, находим примерный вариант - надо только порядок поменять, от краёв к центру:

#include <iostream>
#include <iomanip>
#include <bits/stdc++.h> 

using namespace std;

int main()
{
  const int N = 6;

  int m[N][N] = { 0 };

  for (int i = 0; i < N; i++) {
    for (int j = 0; j < N; j++) {
      int x = min(min(i, j), min(N - 1 - i, N - 1 - j));
      m[i][j] = N * N + 1 - (i > j
        ? (N - 2 * x - 2) * (N - 2 * x - 2) + (i - x) + (j - x)
        : (N - 2 * x) * (N - 2 * x) - (i - x) - (j - x)
      );
    }
  }

  for (int i = 0; i < N; i++) {
    for (int j = 0; j < N; j++) {
      cout << setw(5) << m[i][j];
    }
    cout << endl;
  }
   
  return 0;
}

Откуда надо получить классы:

const inputs = document.querySelectorAll('ol input');

Получаем уникализированный массив классов:

const classes = [...new Set(Array.prototype.flatMap.call(
  inputs,
  n => [...n.classList]
))];

Или, получаем всё, что есть:

const classes = Array
  .from(inputs, n => Array.from(n.classList))
  .flat();

// или

const classes = [].concat.apply(
  [],
  [].map.call(inputs, n => n.className.split(' '))
);

// или

const classes = [];
for (const n of inputs) {
  for (const m of n.classList) {
    classes.push(m);
  }
}

// или

const classes = [];
for (let i = 0; i < inputs.length; i++) {
  for (let j = 0; j < inputs[i].classList.length; j++) {
    classes[classes.length] = inputs[i].classList[j];
  }
}

// или

const getClasses = (classList, i, n = classList.item(i)) =>
  n ? [ n, ...getClasses(classList, -~i) ] : [];

const classes = (function get(i, n = inputs.item(i)) {
  return n ? [ ...getClasses(n.classList, 0), ...get(++i) ] : [];
})(0);

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

class deferred {
  constructor() {
    this.promise = new Promise(resolve => this.resolve = resolve);
  }

  then(f) {
    this.promise = this.promise.then(f);
  }
}

Но вообще, можно добиться того же поведения и без использования promise. Сохраняем в массив все передаваемые в then функции, при вызове resolve перебираем этот массив, вызываем функции, результат вызова предыдущий используем как параметр следующей:

class deferred {
  constructor() {
    this.callbacks = [];
  }

  then(f) {
    this.callbacks.push(f);
  }

  resolve(val) {
    this.callbacks.reduce((res, f) => f(res), val);
  }
}

Не получается обратиться к элементу по его id.

А как вы это делаете? Вдруг неправильно? Почему не показали?

Просто по id (или с помощью любого другого селектора) обращаться нельзя, у внешних SVG отдельное DOM-дерево, оно доступно через свойство contentDocument соответствующего object'а, т.е.:

const svgDocument = document.querySelector('object').contentDocument;
const element = svgDocument.querySelector('здесь указываете нужный id или что там вам надо');

Замените click на mousedown. А то сейчас у вас получается так: нажали на выбранный пункт, фокус с .select-list ушёл, и к тому моменту, когда вы отпускаете кнопку мыши, список уже скрылся, соответственно, клик получается по элементу, который был под списком.

function walk($data, $key, &$result) {
  foreach ($data as $k => $v) {
    if (!array_key_exists($k, $result)) {
      $result[$k] = [];
    }

    if (!is_array($v) || array_keys($v) === range(0, count($v) - 1)) {
      $result[$k][$key] = $v;
    } else {
      walk($v, $key, $result[$k]);
    }
  }
}

function merge(...$arrays) {
  $result = [];

  foreach ($arrays as $arr) {
    $key = array_keys($arr)[0];
    walk($arr[$key], $key, $result);
  }

  return $result;
}

$result = merge($array1, $array2);

Группируем анимируемые элементы, через set управляем свойством visibility, анимацию запускаем по окончанию действия set'а. Типа так.

Нет, так просто не получится - тянуть файлы со сторонних доменов через a[download] нельзя.

Можно загрузить файл, перегнать его FileReader'ом в data url, и уже в таком виде подсунуть в ссылку. Как-то так.

Нет гарантии, что карта загрузится быстрее, чем вы получите данные для меток (этого и не происходит, почему и возникает ошибка), поэтому выполнять запрос данных следует после того, как карта будет готова к использованию - т.е., в ymaps.ready.

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

Я так понял, вы предлагаете код, который находится в функции setMarkers() перенести в initializeYandexMap(), я прав?

Нет, не правы. Подумайте ещё. Предположим, вы так сделали. Что будет, если карта загрузится раньше, чем данные? Вы ничего не увидите, потому что массив coordinates будет пустым в момент выполнения setMarkers.

Ещё раз: выполняйте действия последовательно, а не параллельно - сначала загрузка карты, затем загрузка данных. Это самый простой вариант. Параллельная загрузка организовывается немного посложнее - надо обернуть ymaps.ready в промис, и воспользоваться Promise.all.

Как это может выглядеть - первый вариант, второй (запрос заменён на setTimeout, но думаю суть понятна).

textareaEl.addEventListener('paste', function() {
  setTimeout(() => {
    this.value = this.value.split('\n').map((n, i) => {
      const line = i + 1;
      return `${line}. ${n.replace(RegExp(`^${line}\\. `), '')}`;
    }).join('\n');
  });
});