JavaScript заметки

Plasmo Plasmo – универсальная платформа, которая позволяет разработчикам расширений для браузеров создавать, тестировать и публиковать расширения. Делимся статьей, где автор демонстрирует наглядное применение Plasmo для разработки расширения браузера. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Обновить пропсы объекта с помощью оператора spread #полезно

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

Выполнить обработчик событий только один раз #полезно

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

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

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

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

Быстрый способ создать маску для числа методами slice и padStart #полезно

Совет фронтендерам: уважайте свое время Первый шаг — не изобретать велосипед. В Html Gram собраны готовые codepen решения на каждый день. От эффектов при наведении до 3D анимации. Быстрее пишешь код — больше отдыхаешь. Подписывайся: @HtmlGram

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

Преобразование чисел Делимся статьей, где автор демонстрирует преобразование шестнадцатеричного числа в десятичное. Для этого используется ParseInt. Для наглядности приведен пример преобразования шестнадцатеричного кода цвета в его эквивалент в формате RGB. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Сравнение элементов двух массивов Благодаря этой статьей ты научишься сравнивать элементы двух массивов. Рассмотрено два метода решения этой задачи: использование объектов Set; применение функций высшего порядка. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Сегодня в IT идут все, кто мечтает о работе в международной компании с хорошей зарплатой. Но правда в том, что на рынке по-прежнему наблюдается дефицит квалифицированных кадров. Бизнесу нужны люди, которые могут прийти и сразу решать их задачи. Те, кто обладает практическими знаниями и может переводить любую бизнес задачу на язык кода. Именно на глубокую и постоянную практику нацелен курс «Фронтенд-разработчик» от Хекслета. Вы начнете писать код с первого дня обучения, выполните сотни практических упражнений, напишете 4 полноценных проекта, поучаствуете в Open Source и подготовитесь к собеседованиям с помощью тестовых от компаний партнеров. 🎁 Вы можете начать учиться уже сегодня! Пройдите 5 бесплатных уроков, получите скидку 10% на курс и решите, подойдёт вам профессия или нет. Будьте уверены — вы получите именно те инструменты и навыки, которые позволят вам найти работу!

Вывод последнего значения (значений) массива Этот прием требует использования метода slice(). #массив

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

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

Обрезка массива Если вам необходимо убрать значения из массива, то есть более быстрые методы, чем splice(). К примеру, если вы знаете размер оригинального массива, то можете переопределить его свойство length следующим образом:

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
array.length = 4;
 
console.log(array); // Result: [0, 1, 2, 3]

Но есть и еще один метод, причем более быстрый. Если для вас имеет значение именно скорость, то вот наш выбор: let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; array = array.slice(0, 4); console.log(array); // Result: [0, 1, 2, 3] #массивы

Шаблоны загрузки данных Современные фронтенд-приложения становятся все больше и больше. Неудивительно, что индустрия все больше заботится об оптимизации. Шаблоны загрузки данных являются важной частью твоего приложения, поскольку они определяют, какие части могут быть непосредственно использованы посетителями. Делимся статьей, где автор рассказывает про шаблоны загрузки данных. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Автоматическое связывание Стрелочные обозначения ES6 можно использовать в методах класса, и при этом подразумевается привязка. Благодаря этому можно попрощаться с повторяющимися выражениями, такими как this.myMethod = this.myMethod.bind (this)! #классы

Использование ESLint ESLint — это инструмент для выявления шаблонов, обнаруженных в коде ECMAScript/JavaScript, и составления отчетов о них. Во многом он похож на JSLint и JSHint. Благодаря этой статье ты узнаешь, как правильно пользоваться ESLint. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью