JavaScript заметки
8.53K subscribers
2.77K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Параметры по умолчанию

В ES6 можно передать значения по умолчанию для параметров в функции

#полезно
👍43
Внутреннее устройство JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
3
Параметры остановки

Используя оператор rest, мы можем передавать неопределенное количество аргументов

#полезно
🔥7
Анимация текстовых переходов

Делимся статьей, где автор демонстрирует анимацию текстовых переходов. view-transition позволяет с помощью CSS описать, как убрать старое текстовое состояние и показать новое текстовое состояние. Присутствует ссылка на демку.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
2
Именованные параметры

Одним из шаблонов в ES5 для обработки именованных параметров был шаблон объектов опций, принятый из jQuery.

Можно достичь той же функциональности, используя деструктурирование как формальный параметр для функции.

#полезно
👍2
Core Web Vitals

Core Web Vitals — это три показателя, которые оценивают опыт пользователя при загрузке веб-страницы. Эти метрики оценивают, насколько быстро загружается содержимое страницы, как быстро браузер, загружающий веб-страницу, может реагировать на ввод пользователя и насколько нестабильно содержимое загружается в браузере. Данная статья поможет разобраться с Core Web. Vitals.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
3
Оператор распространения

В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции.

Мы можем легко конкатенировать литералы массивов.

#полезно
👍8
Создание слайдбара

Обычно ты можешь найти слайдбар при манипулировании регуляторами громкости или яркости на компьютере. Слайдбар может иметь значок на одном конце панели или значки на обоих концах панели для выбора определенного диапазона. Благодаря этой статье ты научишься создавать слайдбары.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Классы в языке JavaScript

С помощью ES6 мы можем создавать классы таким образом, и расширять их, используя ключевое слово extends

#полезно
👍5🔥31
Ленивая загрузка и производительность

Ленивая загрузка — это метод отсрочки загрузки ресурса до тех пор, пока он не понадобится. Это озволяет сохранить данные и уменьшить сетевую конкуренцию за критически важные ресурсы. В 2019 году метод стал веб-стандартом, и сегодня loading = «lazy» для изображений поддерживается большинством основных браузеров. В данной статье продемонстрировано, как ленивая загрузка влияет на производительность.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍31
Symbol( )

Вызов Symbol() или Symbol(описание) создаст уникальный символ, который не может быть просмотрен глобально.

#полезно
👍7🔥1
Массивы: Сравнение с языком С

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍42🔥1
Symbol.for(key)

Symbol.for(key) создает символ, который по-прежнему неизменен и уникален, но может быть просмотрен глобально. Два идентичных вызова Symbol.for(key) возвращают один и тот же символ.

Примечательным примером использования Symbol для взаимодействия является Symbol.iterator, который существует во всех повторяющихся типах в ES6: массивы, строки, генераторы и т. д.

#полезно
👍51
Сортировка пузырьком

Сортировка пузырьком — это простейший алгоритм сортировки. Он многократно меняет местами соседние элементы, если они расположены в неправильном порядке. Этот алгоритм не подходит для больших наборов данных, так как его сложность по времени довольно высока. В данной статье автор демонстрирует работу алгоритма.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍9🔥1
Оператор delete

Оператор delete используется для удаления свойства объекта. Если он используется для удаления уже существующего свойства объекта, он возвращает значение true и удаляет свойство из объекта. Однако удаление несуществующего свойства объекта не повлияет на объект, но все равно вернется значение true. В данной статье автор рассказывает про особенности оператора delete.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1🔥1
WeakMaps

Самое интересное в использовании WeakMaps для хранения наших личных данных заключается в том, что их ключи не выдают имена свойств, которые можно увидеть с помощью Reflect.ownKeys()

Практичным примером использования WeakMaps является хранение данных, связанных с элементом DOM

#полезно
👍4🔥1
Maps в языке JavaScript

Самая удивительная часть Maps - это то, что мы больше не ограничиваемся использованием
строк. Теперь мы можем использовать любой тип в качестве ключа, и он не будет привязан к типу для строки.

Примечание. Использование функций или объектов не будет работать при проверке равенства с использованием таких методов, как map.get(). Таким образом, придерживайтесь примитивных значений, таких как строки, булевы и числа.

#полезно
👍7🔥42
Рекурсия

Тема нашей сегодняшней статьи — рекурсия. Для многих разработчиков рекурсия кажется чем-то очень сложным и непонятным, но не переживайте, не так страшен черт, как его малюют.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍53🔥2
Проверить вхождение определённого значения в массив

const numbers = [1, 2 ,3, 10, 50];
// old way
console.log(numbers.indexOf(3) > -1); // true, т.к. проверяется, есть ли в массиве 3
// new way
console.log(numbers.includes(3)); // true

Метод includes также полезен, если требуется сравнить несколько значений сразу.

#методы
👍41
Скачивание видео из VK

Делимся статьей, где автор демонстрирует создание браузерного расширения. Благодаря нему при переходе на страницу VK с видео под плеером будут отображаться ссылки для скачивания его в любом из доступных качеств.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍4🔥1