Денис

https://9gag.com/
https://www.nintendo.com/
https://www.grammarly.com/

https://habr.com/en/company/ruvds/blog/470413/

Удалите это: event.preventDefault()

Потому что боты индексируют чистую html, а не результат после исполнения всех скриптов. А Vue работает так: сначала загружается обычная html, потом загружается jsка, которая заменяет специальные отмеченные Vue блоки на компоненты Vue и работает с ними. То есть они появляются после загрузки страницы, даже если без аякса.

Как уже написали выше, читайте про SSR - server side rendering. Это как раз чтобы "статические" компоненты Vue загружались в виде html, туда и Аякс можно запихнуть.

Есть готовый фреймворк nuxt, сделанный специально для SSR Vue, полностью по канонам самих Vue, и даже рекомендованный разработчиками Vue

Отвечу немного спорными словами. Я прочитал ответы авторов. Я бы посоветовал не слушать их.
Погружение в мир микроконтроллеров (МК) очень размытая цель. Первое что нужно, это понимания нам и вам для чего это вам? В качестве карьеры? Хобби? и т.п.?
Кроме того большинство авторов бросилось советовать вам конкретные МК, что неверно.
Мир МК тесно связан с другими инженерными отраслями: конструирование, схемотехника, СВЧ, обработка информации, алгоритмы и т.п. По мимо этого нужны знания и понимания: интерфейсов, современной электронной элементной базы, операционных систем, и т.п.
Поэтому, чтобы ограничить изучение всего и вся нужно очертить ваши текущие знания(от обычных фундаментальных дисциплин(английский, алгебра) до прикладных) и ваши цели.

Это в качестве предисловия. Выбор платы для начала? Многие начитавших инетов советуют stm32.
Во-первых, на каком основании они советую именно его не ясно. Есть много других производителей с данным ядром cortex.
Во-вторых, это МК довольно сложный. Вы бросите его изучать на этапе чтения технической литературы и настройки среды. Т.к. сей час много инструментов автоматизации настройки МК, то вы даже не поймете, как и что вы настроили. Просто нажали кноки, как на ютубе и вот он мигает...
Поэтому бросьте это. Никто детей не учит алфавиту по Шекспиру.

Берите ардуино. Во-первых, на плате есть все чтобы работать. Во-вторых, много примеров. Дальше, пока вы настроите другой МК и плату на обмен с ПК вам это наскучит. А тут есть готовые шаблоны для обмена с пк информацией.
Дальше, есть много книг по avr, в частности на сайте easyelectronics курс есть шикарный. Т.е. можете брать ардуино и прогать, как avr.

Поэтому советую брать ардуино и, если не наскучит, прогать авр на нем. А дальше, когда придет опыт, вы уже с более-менее понимаем перейдете на тот кристал(МК) который вам уже понравиться и не посоветам в интернетах, которые просто с бухты барахты советую не пойми что.

PS. Сорри за ошибкив тексте. Лень править
PS/PS ничего не имею против авторов других ответов

У тебя не срабатывает класс .modal_active т.к. повешен дисплей нан через атрибут, а он приоритетней чем класс.
просто исправьте добавление display none

var button = document.querySelector('#button');
var modal = document.querySelector('#modal');
var close = document.querySelector('#close');
	

button.addEventListener('click', function() {
	modal.classList.add('modal_active');
});

close.addEventListener('click', function() {
	modal.classList.remove('modal_active');

});
// 1ый способ 
setTimeout(function(){
  modal.classList.remove('modal_active');
}, 5000);

Лучше всего через query params:
1) При применении фильтра, нужно отправить пользователя на страницу с этими параметрами: example.co/catalog?user=john&minBalance=1000
2) При загрузке страницы считывать фильтры с url, если они есть

Это будет работать и при прямом переходе на отфильтрованную страницу, и при обновлении, и при возвращении назад

отрисовка интерфейса слишком неоднородная задача чтобы ее скидывать на GPU.
тыкну пальцем в небо и скажу процент использования GPU небольшой.
upd: подразумевается отрисовка немультимедийных элементов интерфейса - окошки, кнопочки, менюшки...

"внутри интерфейса" проги уже зависит от кода самого приложения.
в 3д-игрушках, видеоплеерах и подобных GPU используется очень активно.
upd: подразумевается, к примеру, поток видео, в котором надо произвести малое количество операций над большим количеством данных.