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

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

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

Для frontend-разработчиков Привет! Полезные расширения для Chrome: ➡️ ColorZilla - пипетка, получить цвет с любого места веб-страницы 🔗 ➡️ Perfect Pixel - сверить с макетом путем наложения на страницу 🔗 ➡️ Vue Devtools - просмотр компонентов Vue, state, данных, время выполнения запросов 🔗 ➡️ React Developer Tools - просмотр компонентов React 🔗 ➡️ Redux Developer Tools - к React в комплект, state, данные, время 🔗 ➡️ Wappalyzer - узнать стек сайта 🔗 ➡️ Project Naptha - скопировать текст...