0xD34F

.spoiler_block div {
  display: none;
}

$('.spoiler_title').click(function() {
  $('.spoiler_block div').slideToggle(250);
});

function compoundMatch(words, target) {
  const pairs = [];

  for (let i = 1; i < target.length; i++) {
    pairs.push([ target.slice(0, i), target.slice(i) ]);
  }

  for (const [ a, b ] of pairs) {
    const ia = words.indexOf(a);
    const ib = words.indexOf(b);

    if (ia !== -1 && ib !== -1) {
      return ia < ib ? [ a, b, [ ia, ib ] ] : [ b, a, [ ia, ib ] ];
    }
  }

  return null;
}

или

function compoundMatch(words, target) {
  const indices = {};

  for (let i = 0; i < words.length; i++) {
    const a = words[i];
    if (!indices.hasOwnProperty(a)) {
      indices[a] = i;

      const b = target.replace(a, '');
      if (indices.hasOwnProperty(b)) {
        return [ b, a, a + b === target ? [ i, indices[b] ] : [ indices[b], i ] ];
      }
    }
  }

  return null;
}

или

function compoundMatch(words, target) {
  const indices = {};

  for (let i = 0; i < words.length; i++) {
    indices[words[i]] = i;
  }

  for (const a in indices) {
    for (const b in indices) {
      if (a + b === target) {
        return indices[a] < indices[b]
          ? [ a, b, [ indices[a], indices[b] ] ]
          : [ b, a, [ indices[a], indices[b] ] ];
      }
    }
  }

  return null;
}

<iframe :srcdoc="htmlContent"></iframe>

.active {
  background: black;
  color: white;
}

const handler = e =>
  (e.type === 'click' || e.buttons === 1) &&
  e.target.classList.contains('but') &&
  e.target.classList.add('active');

document.addEventListener('click', handler);
document.addEventListener('mousemove', handler);

Повесьте обработчик onLoad, внутри которого доставайте width и height. Например.

В каком столбце значение смотрим, в какой столбец значение пишем:

const iKey = 0;
const iTarget = 2;

Возможные содержимые одного столбца (ключи объекта) и что надо записывать в другой (значения):

const values = {
  'если есть такое значение': 'подставляем это',
  'а при наличие такого': 'ну вы поняли, что здесь должно быть',
  // ну и так далее
};

Подставляем значения, если ключ совпадает с содержимым столбца:

$('.table tr').each(function() {
  const $td = $('td', this);
  const key = $td.eq(iKey).text();

  if (values.hasOwnProperty(key)) {
    $td.eq(iTarget).text(values[key]);
  }
});

// или

for (const { rows } of document.querySelector('.table').tBodies) {
  for (const { cells: { [iKey]: k, [iTarget]: t } } of rows) {
    t.textContent = values[k.textContent] || t.textContent;
  }
}

<div class="icon"></div>

.icon {
  font-size: 100px;
  border: 0.1em solid black;
  border-radius: 50%;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  transform: rotate(45deg);
}

.icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: black;
  width: 0.1em;
  height: 100%;
  left: 0.5em;
  transform: translateX(-50%);
}

https://jsfiddle.net/grwcht2L/

str.replace(/\[caption .*?\]/g, '')

найти последний div

const last = document.querySelector('#container').lastElementChild;

остальные удалить

Array.prototype.reduceRight.call(
  document.getElementById('container').children,
  (_, n) => n?.nextElementSibling && (n.outerHTML = ''),
  null
);

Оба действия сразу:

const last = Array
  .from(document.querySelectorAll('[id="container"] > *'))
  .reduce((_, n, i, a) => i === ~-a.length ? n : n.remove(), null);

О какой таблице речь и что за класс отвечает за выделение ячеек:

const table = document.querySelector('table');
const className = 'red';

Сперва собираем индексы столбцов, заголовки которых имеют класс:

const indices = Array.from(table.querySelectorAll(`thead .${className}`), n => n.cellIndex);

Затем можно добавить класс ячейкам в теле таблицы:

table.querySelectorAll('tbody tr').forEach(n => {
  indices.forEach(i => n.cells[i].classList.add(className));
});

Или, кроме добавления, можно класс ещё и убирать (если вдруг есть) в тех столбцах, заголовок которого не подсвечен:

for (const { rows } of table.tBodies) {
  for (const { cells } of rows) {
    for (let i = 0, j = 0; i < cells.length; i++) {
      j += cells[i].classList.toggle(className, i === indices[j]);
    }
  }
}

Вместо назначения индивидуальных обработчиков каждому элементу сделать один делегированный:

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('box')) {
    for (const n of document.querySelectorAll('.box')) {
      n.style.background = n === t ? 'red' : 'black';
    }
  }
});

Меняет только value в input без изменения модели

v-model слушает событие input, так что добавьте event.target.dispatchEvent(new Event('input'))

\d+(?![A-Za-z])

this.slider.current.slick.slideCount

Вешаете обработчик mousedown, в котором запоминаете target. При обработке клика проверяете, что текущий target совпадает с запомненным - если да, тогда можно закрывать окно.

function getDatesGroupedByWeekday(year, month) {
  const d = new Date(`${month} 1, ${year}`);
  const iMonth = d.getMonth();
  const result = {};

  while (d.getMonth() === iMonth) {
    const date = d.getDate();
    const weekday = d.toLocaleString('en-US', { weekday: 'long' });
    (result[weekday] = result[weekday] ?? []).push(date);
    d.setDate(date + 1);
  }

  return result;
}

optional chaining:

if (response?.data?.users?.length) {

пишет что state is equal

basketItems: state.basketItems.sort((a, b) => a.price - b.price),

Ну как бы да - что было, то и осталось. Метод sort не создаёт новый массив. Копируйте массив, и сортируйте копию.

array_sum(array_column($basket, 'quantity'))

options: {
  legend: {
    onClick: null,
  },
},