0xD34F

const text = 'определённый текст';
const link = document.querySelector(`a[href*="${text}"]`);
if (link) {
  link.click();
}

class Parent extends React.Component {
  state = {
    count: 0,
  }

  onClick = () => {
    this.setState(({ count }) => ({
      count: count + 1,
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.onClick}>Добавить компонент</button>
        {Array.from({ length: this.state.count }, () => <Input />)}
      </div>
    );
  }
}

Метод click надо вызывать у DOM-элемента, а не jquery объекта.
Замените .click() на [0].click() или .get(0).click().

Чтобы фильтры не слетали, надо при изменении значения одного обрабатывать значения всех. То есть, по событию change собираете значения всех фильтров, отбрасываете те, где ничего не выбрано, при фильтрации показываете или скрываете элемент в зависимости от того, соответствует ли он всем выбранным значениям или нет. Код может выглядеть как-то так, например (все атрибуты тут не простые, а data - сделайте у себя так же):

const $filters = $('.filter').change(function() {
  const filters = $filters
    .get()
    .filter(n => n.value)
    .map(n => [ n.dataset.name, n.value ]);

  $('.product')
    .hide()
    .filter((_, el) => filters.every(n => el.dataset[n[0]] === n[1]))
    .show();
});

А где же td? В таблице кроме строк должны быть и ячейки.

Что за дурная привычка бросаться писать, даже не ознакомившись с основами? Тут вам не js, i - это не индекс, а элемент списка. Так и пишите: print(i), print(i.xPos).

$link = mysqli_connect($host, $user, $pass, $db_name);

...

$link = "https://td.com/topic-$zam2";

Здесь как, всё окей?

Не подключен jquery.

Лишний пробел в стилях - вместо .modal-wrapper .open { должно быть .modal-wrapper.open {.

array_merge(...$arr)

• Обрабатываете не то событие - должно быть blur, а не focus
  
• Пытаетесь вызвать toUpperCase не у строки, а у массива - забыто [0]
  
• Возвращаете результат в никуда, вместо того, чтобы установить значение инпута
  

И вообще, всё это делается гораздо короче:

input.addEventListener('blur', function() {
  if (this.value) {
    this.value = this.value.split(/\s+/).map(n => n[0].toUpperCase() + n.slice(1)).join(' ');
  }
});

Функцию вызывайте при создании экземпляра компонента, результат записывайте в свойство (кажется, у вас уже есть подходящее - api). Ту странную штуку с computed свойством вырежьте. Выглядеть это будет примерно так:

created() {
  accessAPI().then(result => this.api = result);
},

<imgMap :api="api"></imgMap>

Если в дочерний компонент не должны передаваться пустые данные, не надо его рендерить, пока данные не будут получены:

<imgMap v-if="api" :api="api"></imgMap>

v-for="i in num", где num - это ваше число

const getPrimitiveProps = (obj) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => ({
    ...acc,
    ...(v instanceof Object ? getPrimitiveProps(v) : { [k]: v }),
  }), {});

или

const getPrimitiveProps = (obj) =>
  Object.assign({}, ...Object.entries(obj).map(([ k, v ]) =>
    v instanceof Object ? getPrimitiveProps(v) : { [k]: v }
  ));

есть модальное окно-увеличение картинки, нажимая на него, маршрут сбивается

Это вы про

<a
     :id="item.id"
     v-b-modal="'img-'+item.id"
     href="#"
>

??

Попробуйте при клике блокировать действие по умолчанию: @click.prevent.

<button v-if="checkedNames.length">click me</button>

watch или обработка события input

$(document).click(function(e) {
  if (!$panel.has(e.target).length && $panel.hasClass('visible')) {
    hidePanel();
  }
});

Если подумать, то регулярные выражения тут не нужны:

const ip = str.split(':', 1)[0];

Если подумать ещё, то всё равно не нужны:

const ip = str.slice(0, str.indexOf(':'));

Но если очень хочется, то можно так:

const ip = str.match(/[\d.]+/).pop();

Или так:

const ip = str.replace(/:.+$/, '');

И даже так тоже можно:

const [ ip ] = /.+(?=:)/.exec(str);

Разным элементам назначаете разный animation-delay, а для "задержки" указываете в keyframes промежуток без изменения значения:

<div class="wrapper">
  <div class="block">hello, world!!</div>
  <div class="block">fuck the world</div>
  <div class="block">fuck everything</div>
</div>

.wrapper {
  width: 150px;
  height: 20px;
  font-size: 16px;
  border: 1px solid #000;
  overflow: hidden;
  position: relative;
}

@keyframes movingTopToBottom {
  0% {
    top: 55px;
  }
  40%, 60% {
    top: 0px;
  }
  100% {
    top: -55px;
  }
}

.block {
  animation: movingTopToBottom 6s linear infinite;
  position: absolute;
}

.block:nth-child(1) { animation-delay:  0s; }
.block:nth-child(2) { animation-delay: -4s; }
.block:nth-child(3) { animation-delay: -2s; }

Чё-то вы не то делаете, как мне кажется. Попробуйте так:

@focus="disabled = true"
@blur="disabled = false"
@mousedown="disabled = !disabled"

А обработчики keyup и click уберите.