Методы чистого Javascript

Question 1

хром (уже и опера), по их заявлениям, запретили автопроигрывание видео со звуком, при загрузке страницы (как они говорят, изза недовольства пользователей). Как теперь запустить autoplay?

Answer 1

Теперь autoplay не работает со звуком, но если сделаете muted то заработает.

Question 2

Как задерживать ответ на клик?

Answer 2

С помощью функции setTimeout, помещённой внутрь события по клику:
$(‘body’).on(‘click’, ‘#сlose_btn’, function(){
setTimeout(function() {
какое-то действие, происходящее по клику
}, 3000);
});

Question 3

Содержимое первого окна может не вместиться по высоте в первый экран, как поступить?

Answer 3

Использовать формулу подсчёта высоты в js (есть в шаблонах) и одновременно в стилях ставить height: 100vh; Это необходимо, так как всегда есть шанс, что в запросах понадобится абсолютное позиционирование (тогда нужен js), а если не будет - js не помешает высоте 100vh;

Question 4

Какое событие не стоит юзать вообще?

Answer 4

не юзать событие orientationchange: выпилено в оф. докумментации и хреново поддерживается.

Question 5

Какое событие не стоит использовать слишком много?

Answer 5

Не юзать слишком много событие resize: начинает считать и создавать скролл, бургер бегает.

Question 6

DOMContentLoaded, load, beforeunload, unload

Answer 6

У жизненного цикла HTML-страницы есть три важных события:
DOMContentLoaded – браузер полностью загрузил HTML, было построено DOM-дерево, но внешние ресурсы, такие как картинки <img></img> и стили, могут быть ещё не загружены.
load – браузер загрузил HTML и внешние ресурсы (картинки, стили и т.д.).
beforeunload/unload – пользователь покидает страницу.