0xD34F

Кто-то не понимает разницы между...

а) ..."не работает" и "результат работы отличается от задуманного".
б) ...проверкой на равенство и присваиванием.

$(document).on('input', '.price-item', function() {
  const min = +$('.min-price').val() || 0;
  const max = +$('.max-price').val() || Infinity;

  $('.filter')
    .hide()
    .filter(function() {
      const val = parseFloat($('.price', this).text());
      return min <= val && val <= max;
    })
    .show();
});

$('div.award a').each((i, n) => n.onmouseover = n.onmouseout = null)

или

$('div.award a').removeAttr('onmouseover onmouseout')

или

$('div.award a').prop({
  onmouseover: null,
  onmouseout: null,
})

$grouped = [];

foreach ($array as $item) {
  $grouped[$item['name']][] = $item;
}

Ничего не надо добавлять, getElementsByClassName возвращает HTMLCollection, а эта штука автоматически обновляется при изменении документа.

Есть же метод remove - просто указываете индекс, ну и всё.

$('table td:nth-child(1)').html((i, html) => `<a href="?name=${html}">${html}</a>`);

или

document.querySelectorAll('tbody tr').forEach(n => {
  const td = n.children[0];
  const text = td.textContent;
  td.innerHTML = `<a href="?name=${text}">${text}</a>`;
});

или

for (const { cells: [ n ] } of document.querySelector('tbody').rows) {
  const text = n.innerText;
  n.innerHTML = `<a href="?name=${text}">${text}</a>`;
}

Всё правильно. Просто у вас не числа, а строки. Надо сделать числа.

Замените

sem.split()

на

list(map(int, sem.split()))

или

[int(n) for n in sem.split()]

Бегом гуглить, что такое всплытие событий.
И как его останавливать.

const exclude = [ 'class1', 'class2', 'class3' ];

Array
  .from(document.querySelectorAll('div a'))
  .filter(n => !exclude.some(m => n.classList.contains(m)))
  .forEach(n => n.style.display = 'none');

https://freelansim.ru/

preg_match_all('/[A-Z]+ - \d+(,\d+)?/', $str, $matches);
$data = array_map(function($n) {
  $d = explode(' - ', $n);
  return [
    'size' => $d[0],
    'value' => $d[1]
  ];
}, array_unique($matches[0]));

есть 30 000 строк в массиве, нужно показать их в DOM

Не нужно. Кому показывать-то? - пользователь столько информации не воспримет за один раз.
Есть такое слово - "пагинация". Погуглите, что это.

Пытался разными способами <...> что то явно не так

А как мне понять, что у вас не так, если вы не показали, как пытались?

v-model="$store.state.registrations.user_email"

Изменять состояние вне мутаций не следует, сделайте computed свойство, геттер которого будет забирать данные из хранилища, а сеттер вызывать мутацию:

user_email: {
  get() {
    return this.$store.state.registrations.user_email;
  },
  set(val) {
    this.$store.commit('update_user_email', val);
  },
},

v-model всегда будет разный

Имя редактируемого свойства можно оформить в виде параметра компонента, и передавать его в мутацию вместе с новым значением (или передавать объект вида { имя_свойства: значение } и с помощью Object.assign закидывать его в объект в стейте - так за один вызов мутации можно будет обновлять несколько свойств).

А может, всё-таки срабатывает, а кажется что нет потому что балун метку загораживает? - наверняка так и есть. Задайте в опциях балуна смещение (balloonOffset: [ -50, -50 ], например), чтобы увидеть, что находится под ним, убедиться, что метка на месте. Если вдруг нет - воспроизводите свою ситуацию в песочнице, попробуем разобраться.

У вас при каждом вызове 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)
  );
});