0xD34F

У вас при каждом вызове calendarInit назначаются дополнительные обработчики кликов для prev_month и next_month. То есть, при каждом клике количество обработчиков у вас удваивается. Нажали один раз - к одному существующему добавился ещё один, стало два. Нажали второй раз - каждый из этих двух обработчиков добавил по ещё одному, стало четыре. После третьего клика - стало восемь, после шестого - 64. Как думаете, может это стать причиной торможения?

Ставите ref на прокручиваемый элемент, и читаете/назначаете его scrollTop.

const $select = $('select').change(function() {
  const selected = $(':selected', this).get().map(n => n.value);
  const disabled = $(':disabled', this).get().map(n => n.value);

  $select
    .not(this)
    .find('option')
    .prop('disabled', function(i, val) {
      return disabled.includes(this.value) ? val : selected.includes(this.value);
    });
});

или

const selects = [...document.querySelectorAll('select')];
selects.forEach(n => n.addEventListener('change', onChange));

function onChange() {
  const options = [...this];
  const selected = options.filter(n => n.selected).map(n => n.value);
  const disabled = options.filter(n => n.disabled).map(n => n.value);

  for (const n of selects.flatMap(m => m === this ? [] : [...m])) {
    n.disabled = disabled.includes(n.value) ? n.disabled : selected.includes(n.value);
  }
}

Родительскому блоку дополнительного содержимого добавьте какой-нибудь класс, чтобы к нему напрямую обращаться можно было, типа class="subs", например.

$('select').change(function() {
  $('.subs [class*="sub"]')
    .addClass('hidden')
    .filter(`.sub${$(this).val()}`)
    .removeClass('hidden');
});

// или

$('select').change(function(e) {
  const index = ($(e.target).prop('selectedIndex') || Infinity) - 1;
  this.addClass('hidden');
  this.eq(index).removeClass('hidden');
}.bind($('.subs').children()));

или

document.querySelector('select').addEventListener('change', e => {
  const cls = `sub${e.target.value}`;
  document.querySelectorAll('.subs [class*="sub"]').forEach(n => {
    n.classList.toggle('hidden', !n.classList.contains(cls));
  });
});

// или

document.querySelector('select').addEventListener('change', e => {
  const index = ~-e.target.selectedIndex;
  Array.prototype.forEach.call(
    document.querySelector('.subs').children,
    (n, i) => n.classList.toggle('hidden', i !== index)
  );
});

О каком 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();

В конструкторе создаём 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);