JavaScript заметки

2022-06-20 18:43:19 Знакомо чувство, когда сайт сделан, все работает, как ты хочешь, но проверяешь этот сайт в Lighthouse или Google PageSpeed Insights и видишь желтые или того хуже красные цифры? Ещё страшнее, когда в эти цифры тебя тыкает заказчик или руководитель проекта, или вообще твой прямой начальник. Стыдно, страшно, и потом неделю исправляешь.

А вот создатели канала perfScan разбираются в скорости загрузки сайтов, так как на коммерческой основе уже 5 лет консультируют в теме WEB Performance, ускоряют сайты и разрабатывают быстрые сайты самостоятельно.

Подписывайся на канал, и получай примеры кода, готовые разработки, кучу лайфхаков и полезных мелочей, внедрив которые сайт станет заметно быстрее. Кроме того, авторы активно отвечают на комментарии, где можно задать вопрос, или попросить их разобрать свой проект.

Подписывайся: @perfScan Открыть/Комментировать

2022-06-20 15:09:03 Свойство «hidden»

Атрибут и DOM-свойство «hidden» указывает на то, видим ли мы элемент или нет.
Мы можем использовать его в HTML или назначать при помощи JavaScript, как в примере ниже (см. пример выше на картинке).

Технически, hidden работает так же, как style="display:none". Но его применение проще.

#браузер #документ #свойства_узлов Открыть/Комментировать

2022-06-20 12:51:01 Получи необходимые для работы навыки и умения вместе с каналом Senior JavaScript!

У нас ты найдешь:
Теория. Разбор синтаксиса и особенностей языка
Практика. Тестовые задачи для проверки своих знаний
Ссылки на полезные Ютуб видео и статьи с Хабра

Также мы периодически выкладываем самые свежие вакансии от компаний партнёров! Открыть/Комментировать

2022-06-20 10:53:39 addEventListener

Метод EventTarget.addEventListener() регистрирует определённый обработчик события, вызванного на EventTarget.

Данный метод позволяет "вешать" несколько обработчиков одного и того же события на один элемент. Именно благодаря этому является более предпочтительным вариантом обработки событий.

#браузер #документ #события Открыть/Комментировать

2022-06-19 20:02:50 Регистр DOM-свойства имеет значение

Используйте elem.onclick, а не elem.ONCLICK, потому что DOM-свойства чувствительны к регистру.

#браузер #документ #события Открыть/Комментировать

2022-06-19 18:02:29 JavaScript - канал, в котором админ рассказывает сложный javascript человеческим языком.

Подписывайся, если хочешь прокачать JS и повысить свой чек за работу - t.me/simple_js Открыть/Комментировать

2022-06-19 15:07:49 Не используйте setAttribute для обработчиков

Такой вызов работать не будет, т.к. setAttribute приводит все в строковый тип.

#браузер #документ #события Открыть/Комментировать

2022-06-19 13:07:45 True Figma - канал, где публикуются макеты Figma для практики вёрстки.

Макеты для вёрcтки - @true_figma Открыть/Комментировать

2022-06-19 11:15:47 Используйте именно функции, а не строки.

Назначение обработчика строкой elem.onclick = "alert(1)" также сработает. Это сделано из соображений совместимости, но делать так не рекомендуется.

#браузер #документ #события Открыть/Комментировать

2022-06-18 12:04:52 Частые ошибки

Если вы только начинаете работать с событиями, обратите внимание на следующие моменты.

Функция должна быть присвоена как sayThanks, а не sayThanks().

Если добавить скобки, то sayThanks() – это уже вызов функции, результат которого (равный undefined, так как функция ничего не возвращает) будет присвоен onclick. Так что это не будет работать.

#браузер #документ #события Открыть/Комментировать