JavaScript заметки

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

Значения параметров функции по умолчанию В JavaScript параметры функции подобны локальным переменным. При вызове этой самой функции вы можете и не передавать значения для её параметров. В этом случае они принимают значение "undefined", что может привести к нежелательным последствиям. Существует простой способ передачи значения по умолчанию для параметров функции при их определении. В примере ниже для параметра "message" функции "greetings" передаётся значение по умолчанию "Hello". #функции

Редактор SVG диаграмм DgrmJS — это библиотека JavaScript для создания блок-схем SVG. Основная цель библиотеки — настроить рабочие процессы в системах BPM (Business Process Management). Подробней об этой библиотеке узнаешь из статьи. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Произвольные значения Генерирование произвольных значений или получение произвольного элемента массива – очень полезные методы, которые стоит держать под рукой. Пара применений: • Получить произвольный элемент из массива • Генерирование произвольного числа из диапазона с указанием минимального и максимального значений #полезно

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

Значение по умолчанию с помощью OR Если для переменной необходимо предусмотреть запасное значение по умолчанию, это достаточно просто реализуется с помощью оператора OR.

let person = {name: 'Jack'};

// если свойство "age" равно "undefined", устанавливает значение 35
let age = person.age || 35;

console.log(Age of ${person.name} is ${age});

#операторы

Map против Set Set — это множество данных коллекции, которое должно состоять из уникальных значений. Map — это коллекция ключ/значение. Map и Set имеют схожие методы; к ним относятся .has(), .get(), .delete() и .size(). Данная статья рассказывает, когда нужно использовать Map и Set. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Сокращение с помощью AND Давайте рассмотрим ситуацию, в которой у нас есть логическое значение и функция.

let isPrime = true;
const startWatching = () => {
    console.log('Started Watching!');
}

Немало кода получается ради проверки логического условия и вызова функции.

if (isPrime) {
    startWatching();
}

А как насчёт использования сокращённой записи вместе с оператором AND (&&)? Да, условный оператор "if" нам больше не нужен. Круто, правда?

isPrime && startWatching();

#методы #and

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

JavaScript Daily - @daily_javascript Канал для frontend-разработчиков любого уровня. Избранная информация по современному frontend`у в виде ссылок на авторитетные ресурсы. Практика по JavaScript / CSS / HTML в виде викторин с оценкой сложности задачи. Также мы запустили бота-агрегатора, который собирает всю информацию из открытых источников для нашего сообщества и публикует ее в приложении.

isInteger Это аккуратный способ узнать, является ли значение целым числом. Встроенный в JavaScript API Number предоставляет для этого метод isInteger(). Очень полезная штука, о которой следует знать. #методы

Синхронизация между Notion и календарем Делимся статьей, где автор демонстрирует интеграцию календаря из Notion в Google Calendar через ics. Таким способом события из календаря Notion можно добавить в любой календарь, поддерживающий ics формат. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Если вы хотите учиться разработке глубоко и системно, приходите в Хекслет! Сейчас открыт набор на онлайн-профессию «Фронтенд-разработчик». За 10 месяцев вы изучите JavaScript в связке с HTML и CSS. Освоите React для создания сложных компонентов, разберетесь с сопутствующими инструментами (NPM, Git, Webpack, командная строка), получите опыт построения архитектуры полноценного приложения и написания чистого кода. Уже во время обучения вы станете участником Карьерного трека. Пройдете вебинары, которые охватывают все темы по трудоустройству: от составления резюме и рабочих профилей до психологических аспектов собеседований и адаптации на рабочем месте. 🆙 Мы заинтересованы, чтобы вы нашли первую работу. Получите полную консультацию по профессии и карьере в IT!

Private методы Объекты могут иметь private методы #методы

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

Свойства объекта Вы можете получить доступ к свойствам объекта с помощью [] вместо '.'. Это позволяет найти свойство, которое соответствует переменной. Также вы можете использовать это для получения/установки значения свойства, если его название неразрешенный идентификатор. Некоторые люди не знают этого и заканчивают это использованием eval(),что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки(невозможно использование jslint), он медленнее выполняется и может привести к XSS. #объекты

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

Не очень комфортно заниматься сексом, когда твой телефон прослушивает Google 🤷 Или писать личную СМСку, когда каждое слово видит клавиатурный шпион. Приватности больше нет. Крупные поисковики в открытую залазят к нам в трусы ради прибыли, и только 5-10% пользователей знают, как этому противопостоять. Для тех, кому не наплевать на свою безопасность в сети, есть канал «Отдел К». Как понять, что ваш смартфон хотели взломать? Какие 3 настройки отключить, чтобы избавиться от прослушки? Как по любому сообщению узнать точное гео собеседника? Осторожно, после подписки вам захочется удалить все соцсети: @cyber_cabb

Быстрая сортировка QuickSort — это алгоритм «разделяй и властвуй». Он выбирает элемент в качестве опорного элемента и разбивает заданный массив вокруг выбранного опорного элемента. Существует много разных версий quickSort, которые по-разному выбирают точку опоры. Данная статья поможет разобраться с алгоритмом. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Оператор in Вы можете использовать оператор in для того чтобы проверить есть ли такой ключ у объекта. Если вы посчитаете, что литералы объекта недостаточно хорошо выглядят, то вы можете комбинировать их с помощью функции без параметров. #операторы