JavaScript Teacher

2022-08-22 21:00:01 В чем разница между методами event.preventDefault() и event.stopPropagation()?

Метод event.preventDefault() отключает поведение элемента по умолчанию. Если использовать этот метод в элементе form, то он предотвратит отправку формы (submit). Если использовать его в contextmenu, то контекстное меню будет отключено (данный метод часто используется в keydown для переопределения клавиатуры, например, при создании музыкального/видео плеера или текстового редактора — прим. пер.). Метод event.stopPropagation() отключает распространение события (его всплытие или погружение).

#собеседование | JavaScript_Teacher Открыть/Комментировать

2022-08-22 17:00:01 Условный рендеринг

#tips #React | JavaScript_Teacher Открыть/Комментировать

2022-08-22 14:00:01 Деструктурирующее присваивание в JavaScript

Деструктурирующее присваивание позволяет распаковать массивы или объекты в переменные. Это удобная концепция, поскольку не нужно ссылаться на весь объект, когда мы хотим его использовать.

Деструктуризация позволяет извлечь нужное нам значение из объекта, создав для этого значения независимую переменную. Мы можем сделать код чище, не ссылаясь на объект, когда нам нужно только одно его значение.

#tips | JavaScript_Teacher Открыть/Комментировать

2022-08-22 09:45:01 Открыть/Комментировать

2022-08-22 09:45:01 #test | JavaScript_Teacher Открыть/Комментировать

2022-08-21 20:00:02 Что такое распространение события (Event Propagation)?

Когда какое-либо событие происходит в элементе DOM, оно на самом деле происходит не только в нем. Событие «распространяется» от объекта Window до вызвавшего его элемента (event.target). При этом событие последовательно пронизывает (затрагивает) всех предков целевого элемента. Распространение события имеет три стадии или фазы:

1. Фаза погружения (захвата, перехвата) — событие возникает в объекте Window и опускается до цели события через всех ее предков.
2. Целевая фаза — это когда событие достигает целевого элемента.
3. Фаза всплытия — событие поднимается от event.target, последовательно проходит через всех его предков и достигает объекта Window.

Подробнее о распространении событий можно почитать здесь и здесь.

#собеседование | JavaScript_Teacher Открыть/Комментировать

2022-08-21 17:00:01 isInteger

Это аккуратный способ узнать, является ли значение целым числом. Встроенный в JavaScript API "Number" предоставляет для этого метод "isInteger()". Очень полезная штука, о которой следует знать.

#tips | JavaScript_Teacher Открыть/Комментировать

2022-08-21 14:00:01 Методы массивов .map(), .filter(), .reduce(), и т. д. в React

Методы .map(), .filter(), .reduce() можно использовать для преобразования данных. Обычно их применяют для динамического отображения элементов и компонентов с помощью .JSX, поскольку эти методы можно связывать в цепочки для последовательных трансформаций.

#tips #React | JavaScript_Teacher Открыть/Комментировать