Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
☝️🚀📊 Пример адаптивной гистограммы с использованием HTML, CSS и библиотеки Chart JS

#javascript #css #html #tip by David Mraz
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡HTML-элемент <dialog> в действии, или Как просто создать модальное окно

➡️ Поиграть можно здесь

#html #javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 at(index) в действии, или Как выбрать последний элемент массива самым простым способом

<array>.lastItem кажется более очевидным способом в данном случае.

💬 Что думаете?

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💡Использование defer для повышения производительности

Атрибут defer сообщает браузеру, что он должен продолжать обрабатывать страницу и загружать скрипт в фоновом режиме, а затем запустить этот скрипт, когда DOM дерево будет полностью построено.

#performance #javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💬 А вам какой вариант ближе?

🤔 — верхний
👍 — нижний

#javascript #tip by Shripal Soni
💡 Использование switch (true) в качестве альтернативы сложным операторам if/else

👉 Подробнее

#javascript #tip
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡Простой кейс реализации паузы/старта видео в зависимости от состояния видимости страницы

➡️ Поиграть можно здесь

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Упрощение группировки данных в JavaScript с помощью Object.groupBy() или Map.groupBy(): на заметку фронтендеру

#javascript #tip by Shripal Soni
💡 Простой способ определения наличия в массиве повторяющихся элементов

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💡☝️ Знаете ли вы, почему мы не можем создавать новые инстансы из стрелочной функции в JavaScript?

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🛠 JavaScript: структуры данных и алгоритмы

Серия статей, в которой Игорь Агапов из Timeweb Cloud разбирает структуры данных и алгоритмы, представленные в популярном репозитории:

🔸 Часть 1: односвязный и двусвязный список, стек и очередь
🔸 Часть 2: хэш-таблица, куча, очередь с приоритетом и префиксное дерево
🔸 Часть 3: двоичное дерево поиска, АВЛ-дерево и красно-черное дерево
🔸 Часть 4: дерево отрезков, дерево Фенвика, а также граф (направленный и ненаправленный).
🔸 Часть 5: система непересекающихся множеств, фильтр Блума и кэш актуальных данных.
🔸 Часть 6: алгоритмы для работы с множествами
🔸 Часть 7: алгоритмы для работы со строками и поиска

#javascript #практика
💡Простой способ визуализации списка данных с помощью console.table(): на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM