Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

at(index) в действии, или Как выбрать последний элемент массива самым простым способом

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

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

#javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍31❤1🌚1

4.6K views20:24

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡

Использование defer для повышения производительности

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

#performance #javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍13

4.97K views09:01

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💬 А вам какой вариант ближе?

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

#javascript #tip by Shripal Soni

👍179🤔26👾3

4.77K views18:54

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Использование 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

👏28🤔12👍9🌚3❤2

4.86K views14:45

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

0:09

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

❤18👍10🌚1

4.34K views20:26

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Упрощение группировки данных в JavaScript с помощью Object.groupBy() или Map.groupBy(): на заметку фронтендеру

#javascript #tip by Shripal Soni

👍69🔥9❤2

5.5K viewsedited 08:28

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Простой способ определения наличия в массиве повторяющихся элементов

#javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍40🥱10🌚1

5.05K views20:01

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡

☝️ Знаете ли вы, почему мы не можем создавать новые инстансы из стрелочной функции в JavaScript?

#javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

🥱14👍10🌚5🤔1

4.61K viewsedited 17:26

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

This media is not supported in your browser

VIEW IN TELEGRAM

🛠 JavaScript: структуры данных и алгоритмы

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

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

#javascript #практика

🎉11🔥5👍1

6.31K viewsedited 22:16

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

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

#javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍35

5.01K viewsedited 20:02

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Простой способ форматирования числа в качестве валюты без использования сторонних библиотек

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

#javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍8😁5❤3

4.1K viewsedited 20:47

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡Оператор логического ИЛИ с присваиванием (||=) в действии

Он используется для упрощения присваивания значения по умолчанию и работает следующим образом: если левый операнд имеет ложное значение (например, null, undefined, 0, пустая строка "", false, или NaN), то правое выражение присваивается левому операнду.

#javascript #tip by Shripal Soni

👍19❤6🤔5🔥1

4.18K views12:00

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Простой способ сортировки без учета регистра в JavaScript: на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni

🎉16👍9❤5👏1

4.43K views18:23

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Простой способ замены элемента в массиве на JavaScript: на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni

👍27❤6👏3🎉3🤔2

4.39K viewsedited 16:12

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Использовать новые функции CSS и применять резервные стили в неподдерживаемых браузерах можно с помощью правила supports. То же самое можно сделать и в JavaScript.

#javascript #css #tip by Shripal Soni

👏15🎉4

4.14K views07:25

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡

Простой способ добавить кастомные проверки форм с помощью JavaScript-метода setCustomValidity(): на заметку фронтенд-разработчику

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

#javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍16❤2

3.79K views19:32

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

⏰

Лучший способ получить/установить поле ввода со значением даты с помощью JavaScript

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

#javascript #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍21❤6

3.56K views13:58

About

Blog

Apps

Platform