ilyachalov (ilyachalov) wrote,
ilyachalov
ilyachalov

Category:

Учебник по JavaScript: ч.2: Введение в события

Прочел второй раздел «Введение в события» второй части («Браузер: документ, события, интерфейсы») учебника по JavaScript.

https://learn.javascript.ru

Часть 2. Браузер: документ, события, интерфейсы (в т.ч. 32 подраздела)

Разделы:

2. Введение в события (5 подразделов)

2.1 Введение в браузерные события
2.2 Всплытие и погружение
2.3 Делегирование событий
2.4 Действия браузера по умолчанию
2.5 Генерация пользовательских событий

Работа с событиями в браузере — это, собственно, то, ради чего был создан язык JavaScript изначально (придание веб-сайтам интерактивности). Сегодня его применение, конечно, сильно расширилось, но всё-таки.

К разделу есть интересные задачи, некоторые из них я разбирал в своих постах:
1. CSS: абсолютное позиционирование и содержащий блок
2. JavaScript: гоняю мяч по полю, CSS-анимация
3. JavaScript: плющим мяч, язык SVG
4. JavaScript: раскрывающееся меню
5. JavaScript: дерганье меню, шрифты в браузере
6. JavaScript: кнопки удаления сообщений
7. JavaScript: карусель картинок, строим каркас 1
8. JavaScript: карусель картинок, строим каркас 2
9. JavaScript: карусель картинок, функции для кнопок

Для их решения пришлось углубиться в язык CSS и в некоторые тонкости работы браузера, в частности, со шрифтами.

После решения задач к подразделу 2.1 «Введение в браузерные события» решение остальных задач из других подразделов обсуждаемого раздела проходит, как по маслу. Эти задачи не слишком простые, но и не сложные, среднего уровня, то, что нужно для учебника. И они при этом остаются достаточно интересными.

Наиболее интересным для меня показался подраздел 2.3 «Делегирование событий», сразу стало понятно, куда его можно применить в моих текущих проектах. Очень полезная штука. Позволяет для множества однотипных HTML-элементов, имеющих одного и того же родителя, писать только один обработчик события. Например, для обработки события щелчка мышью на одной из множества ячеек HTML-таблицы.

Подраздел 2.2 «Всплытие и погружение» необходим для понимания функционирования событий в браузере. В нем рассказано, что каждое событие на HTML-странице проходит фазу погружения, а затем фазу всплытия. Это означает, что каждое событие можно отловить на цепочке вложенных друг в друга HTML-элементов на пути вглубь вложенности («погружение»), а затем на обратном пути к самому внешнему HTML-элементу из вложенных друг в друга («всплытие»).
Tags: Образование, Программирование
Subscribe

  • GIMP, формат PNG, утилита pngcrush

    В одном из предыдущих постов я разбирал постановку задачи в учебнике по JavaScript. Авторы задачи создали тестовую HTML-страницу, на которой…

  • Роскомнадзор и DeviantArt.com, 2021 год

    Система блокировки сайтов в России в некоторых случаях уже работает настолько четко (не прошло и десяти лет с ее создания), что люди не успевают за…

  • Название тестового фреймворка Mocha

    Изучая язык JavaScript, узнал о существовании библиотеки «Mocha», предназначенной для создания автоматических тестов для скриптов на языке…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments