Алексей Уколов

Что я делаю не так?

Нужно добавить <link rel="preload" />, а не заменить ими ваши скрипты.

chrome://settings/content/siteDetails?site=https%3A%2F%2Ftoster.ru

var $target = document.querySelector('#target');

var timeoutId;

$target.addEventListener('mouseenter', function () {
  clearTimeout(timeoutId); // По идее, такого быть не должно, но я параноик
  
  timeoutId = setTimeout(function () {alert(1);}, 2000);
});

$target.addEventListener('mouseleave', function () {
  clearTimeout(timeoutId);
})

https://jsfiddle.net/alexey_m_ukolov/zokeg75d/2/

Технически можно, но каждое открытие модалки будет навешивать ещё один обработчик события. В данном случае ничего не сломается, просто N раз будет происходить попытка удаления класса у кнопки, но вообще так делать не стоит. Однако, если вы поставите обработчик при помощи .one(), проблема исчезнет.

await getData()

Event.stopPropagation() на инпут.

Никак. Программно изменить значение файлового инпута нельзя в целях безопасности. Их нужно превратить в Blob, собрать в FormData и отправить через Ajax. Инструкцию как это сделать легко найти.

Optional Chaining

var arr = ["Ваня", "Андрей", "Игорь", "Ваня", "Андрей"];
var weights = {
  "Игорь": 1,
  "Андрей": 2,
  "Ваня": 3
};

arr.sort((a, b) => weights[a] > weights[b] ? 1 : -1);
// ["Игорь", "Андрей", "Андрей", "Ваня", "Ваня"]

У вас что-то не так с кодом. Всё должно работать, вот пример: https://jsfiddle.net/alexey_m_ukolov/tz3uk5f6/10/

$test1 = '<?php acf_form('new-event'); ?>';
Но, если у вас внутри в html есть переносы строк или одинарные кавычки, то работать всё равно не будет. Можно попробовать использовать бэктики (`), но они будут работать только в современных браузерах и тоже только до тех пор, пока этот символ не появится в выводимом html.

Разумнее отрендерить это в какой-то скрытый блок, а уже после генерации страницы прочитать в js:

<div id="container">
<?php acf_form('new-event'); ?>
</div>
...
<script>
$test1 = document.querySelector('#container').innerHTML;
</script>

const f = function (x) {
  return function (y) { <- Вот где она определена
    return x + y(3);
  }
};

f(1)(
  function (x) {return 7 + x;} <- И вот где
);

Это интерполяция выражений.

var i = 42;
var num = 17;
console.log(`${i}*${num}=${i * num}`); // будет выведена строка "42*17=714"

Приватных пока нет (но с помощью транспайлеров как бы есть):

class Foo {
  #private = 42;
}

Статичные есть:

class Foo {
  static property = 42;
  static method() {...}
}

Array.prototype.filter()

Побитовое исключающее ИЛИ (XOR)

a ^ b

Ставит 1 на бит результата, для которого только один из соответствующих битов операндов равен 1 (но не оба).

learn.javascript.ru/bitwise-operators#spisok-operatorov

Валидный, но кривой. Если для сущности применимо понятие ключи, то должен использоваться объект, а не массив.

var index = 0;

[1, 2, 3].map(() => {
  return `<input type="text" name="array[${index++}]" value=""/>`
})

Если у вас нет кейсов, где он нужен, ничего страшного (но немного странно - я в 99% случаев в коде использую именно его, а не префиксный). Вы не обязаны использовать все языковые конструкции.

console.log(await WebCrypto())