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

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

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

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Создание QR-кода

Библиотека QRCode.js позволяет создавать QR-коды. Делимся статьей, где автор демонстрирует настройку и генерацию QR-кода. Также продемонстрировано использования кода в ванильном JS.

#статья

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

👉 Читать статью
4
Вывод последнего значения (значений) массива

Этот прием требует использования метода slice().

#массив
👍7
Сравнение элементов двух массивов

Благодаря этой статьей ты научишься сравнивать элементы двух массивов. Рассмотрено два метода решения этой задачи: использование объектов Set; применение функций высшего порядка.

#статья

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

👉 Читать статью
👍5
Форматирование JSON-кода

Возможно, вы уже использовали JSON.stringify. Знаете ли вы, что он помогает форматировать ваш JSON?

Метод stringify() принимает два необязательных параметра: функцию replacer, которую можно использовать для фильтрации отображаемого JSON, и значение space.

#полезно
👍9
Преобразование чисел

Делимся статьей, где автор демонстрирует преобразование шестнадцатеричного числа в десятичное. Для этого используется ParseInt. Для наглядности приведен пример преобразования шестнадцатеричного кода цвета в его эквивалент в формате RGB.

#статья

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

👉 Читать статью
webpack

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

#статья

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

👉 Читать статью
1
Быстрый способ создать маску для числа методами slice и padStart

#полезно
👍12
Оператор с запятой

Вновь простой вопрос, что будет выведено в консоль?

console.log((2,5 - 2) * 2);

Совершенно верно, 6. Но почему?

Всё дело в том, что тут написано не число два с половиной, а число два, запятая, число 5. Что делает запятая? Она выполняет слева направо каждый из операндов и возвращает значение последнего, в данном примере число 5.

#операторы
👍9
Чтение документации API

Лучшая документация по API — это справочник, в котором кратко объясняется, что возможно, а что нет, и с чего начать. Он также служит местом, к которому пользователи могут обращаться с вопросами о синтаксисе или функциональности. В данной статье рассказано, как читать и понимать документацию API.

#статья

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

👉 Читать статью
👍1
Выполнить обработчик событий только один раз

#полезно
👍9🔥4
Трекер расходов

SheetJS — это библиотека JavaScript для Excel, которая позволяет преобразовывать html-таблицу, массив или json в загружаемый xlsx-файл. Все это делается прямо в браузере. Благодаря этой статье ты узнаешь, как создать трекер расходов с помощью SheetJS.

#статья

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

👉 Читать статью
6👍1
Обновить пропсы объекта с помощью оператора spread

#полезно
👍8
Plasmo

Plasmo – универсальная платформа, которая позволяет разработчикам расширений для браузеров создавать, тестировать и публиковать расширения. Делимся статьей, где автор демонстрирует наглядное применение Plasmo для разработки расширения браузера.

#статья

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

👉 Читать статью
1
Найти количество пропсов в объекте

#полезно
👍7
require и import

Одно из основных различий между require() и import() заключается в том, что require() может быть вызвана из любого места внутри программы. import()всегда запускается в начале файла. Делимся статьей, где автор рассказывает про require и import.

#статья

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

👉 Читать статью
👍1
Взять последние элементы из массива

Обратите внимание: метод slice доступен для массива так же, как и для строки.

#полезно
👍5
Повышение производительности

Делимся статьей, где автор дает советы по повышению производительности JavaScript. К ним относятся: использование локальных переменных, XMLHttpRequest, инструментов для отладки и многое другое.

#статья

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

👉 Читать статью
🔥1
Три способа проверить, является ли объект массивом

В JS массив также является объектом, так что для такой проверки вы можете использовать три способа (это часто задают на собеседованиях):

const arr = [1, 2, 3, 4];

arr.constructor.toString().indexOf("Array") > -1
arr instanceof Array
Array.isArray(arr)

#полезно
🔥8
Создание столбчатых диаграмм

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

#статья

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

👉 Читать статью
👍2
Получить временную метку (timestamp)

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

#полезно
👍9