Javascript

Материалы об использовании языка для frontend-разработки

подборка · 9 материалов

2 года назад

Привет! Пост о коллекциях HTML-элементов. Что такое, почему не массив, она живая или нет, они еще и разные и так далее 📝 Сначала определения: коллекция HTML-элементов - набор элементов веб-страницы, порядок в котором соответствует порядку в DOM. 📝 Бывают живые коллекции и статические - живую можно изменить с помощью js, а статическую нет. 📝 Есть две разных структуры данных HTMLCollection и NodeList: HTMLCollection - это только HTML-теги, а NodeList- это еще и текст, оставшийся без тега, и, например, комментарий...

frontend | ежица-разработчица

2 года назад

Методы и свойства, родители и потомки в DOM

Привет! Поговорим о методах и свойствах js, связанных с родителями и потомками в DOM-дереве Сначала немного определений: чем отличаются дочерние узлы и дочерние элементы? 📝Дочерние элементы - это прямые потомки элемента, а дочерние узлы - это потомки вместе со своими потомками и так далее Итак, методы и свойства js, связанные с темой: ➡️ contains - возвращает Boolean-значение, проверяет, является ли элемент дочерним узлом другого элемента: item.contains(list) - является ли item дочерним узлом...

frontend | ежица-разработчица

2 года назад

Привет! Про медиа-запросы в js-коде: Например, у нас js-поведение блока зависит от размера экрана, добавим переменную: let x = window.matchMedia("(max-width: 700px)") и дальше можно по условию выполнять действия. Документация: https://www.w3schools.com/howto/howto_js_media_queries.asp🔗 #js #frontend

frontend | ежица-разработчица

2 года назад

Как скопировать массив или объект в JS?

Привет! Как скопировать массив или объект в javascript? 1) Копирование массива const names = ['Oliver', 'Sophia', 'William', "Emma', 'Ethan']; /* неправильно, copyNames содержит ссылку на names, при изменении элементов copyNames изменится names */ const copyNames = names; /* правильно, copyNames независимая копия, под неё в памчти выделено собственное место и её можно менять не изменяя names */ const copyNames = names.slice(); /* так тоже можно скопировать массив */ const copyNames = [...names];...

frontend | ежица-разработчица

2 года назад

Методы массивов в Javascript

Привет! Поговорим о методах массивов в Javascript. Часть 1 Вводные материалы: 🔗Что такое массив? - читать 🔗Что такое метод? - читать ✍️Список методов (названия методов - ссылки на страницы MDN): 1) forEach() - применяет переданную функцию-callback ко всем элементам массива по очереди, но ничего не возвращает 2) map() - также применяет callback, но возвращает новый массив 3) filter() - применяет к каждому элементу переданную функцию проверки условия и возвращает новый массив элементов, для которых...

frontend | ежица-разработчица

2 года назад

#js #frontend Типы данных js, NaN NaN не равен самому себе. Мы нашли её! Штука, которая не равна сама себе, она существует! Если при вычислениях произошла ошибка, или например неудачно преобразовали строку в число, мы можем получить значение NaN. Если мы поставим проверку, на равенство(1) или не равенство(2) вычислений NaN, то мы получим бесполезную проверку, потому что условие никогда не будет верно(1) или всегда будет выполняться(2). Потому что NaN не равен NaN. Не верите? console.log(NaN === NaN); При этом, есть функция isNaN, с помощью которой можно проверить, что что-то равно NaN. isNaN(NaN) равен true. 🔗Документация: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/NaN