События на мобильных устройствах

touchstart	событие возникает при качание элемента пальцем
touchmove	событие возникает если палец при качание начинается двигаться по нему , при каждом смещении пальца будет срабатывать
touchend	событие возникает как только палец оторвался от элемента
touchenter	Ведём пальцем по экрану и наскакиваем на элемент на которое прикреплено событие
touchleave	когда палец не оторвался от экрана, а ушёл за пределы этого элемента
touchcansel	возникает тогда, когда точка соприкосновения не регистрируется на поверхности

 

при нажатии на красный квадрат в режиме адаптации

Когда двигаю по заданной облости

Когда нажал на хаданную область и убрал палец

Для чего? Можно использовать дял смахивания слайдов, щепотка – увеличение или уменьшения видимой облости

У (е) свои плюшки 

 

 

touches	Сколько пальцев взаимодействуют с экраном
targetTouches	Все елементы которые взаимодействуют с конкретным элементом
changedTouches	Список пальцев, которые участвуют в текущем событии

// touches

Где произошло, какие координаты, под каким углом, радиус соприкосновения

//targetTouches

При нажатии на элемент получу немного другую структуру

// changedTouches

Пример, если это событие touchEnd, то список будет содержать палец который был убран,даже если остальные четыре пальца до сих пор на экране

Пальцы которые совершили определённое назначенное действие

Отслеживаю кординаты первого польца при движении по заданной облости/объекту, например если переходит через определённую границу, то переключается слайд в слайдере

Async, defer, динамические скрипты

Особенности

· Атрибут сообщает браузеру, что он должен работать и загружать скрипт в фоновом режиме и запустить скрипт когда он загрузиться

· Скрипты с defer никогда не блокируют страницу

· Выполняеткся когда DOM дерево уже готово

· Срабатывает до событие DOMContentLoaded

· Загружаются последовательно

Особенности

· Страница не ждёт ассинхронных скриптов, содержимое просто обрабатывается и отображается

· событие DOMContentLoaded и ассинхронные скрипты не ждут друг друга

· Загружается в фонновом режиме и начинает работать до того, как будет загружена DOM –не ждёт другие и другие скрипты не ждут его. Абсолютно независимые.

· Обычно для метриком и счётчиков  

Особенности

· грузиться скрипт, потом DOM дерево. В скрипте может быть взаимодействие с DOM, но так как они не прогрузились, будет ошибка. Сайт ждёт скрипт  

· Скрипт при загрузке блокирует страницу: если скрипт очень объёмный или сервер на котором лежит скрипт будет подвисать страница дальше грузиться не будет.

Особенности

• Скрипт грузиться после того, когда он будет добавлен в документ после выполнения строчки document.body…

• Динамически загружаемые скрипты по умолчанию ведут себя как async

• Можно изменить порядок загрузки. Будет вести себя как обычный скрипт

JavaScript в работе