JavaScript заметки

Эффекты в видеосвязи Делимся статьей, где автор демонстрирует реализацию эффектов в видеосвязи. Используются Canvas API и MediaPipe. Продемонстрированы различные эффекты, перфоманс кода. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию? Следуйте 3 простым шагам, чтобы сделать это: 1) Регистрируйтесь по ссылке: https://telega.in/c/notesjs 2) Пополняйтесь удобным способом 3) Размещайте публикацию Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

Сгенерировать случайное число в определённом диапазоне Случайное число от 0 до 100:

Math.floor(Math.random() * 100)

Случайное число от 1 до 100:

Math.floor(Math.random() * 100) + 1

Случайное число между минимальным (включительно) и максимальным значением (не включая):

function getRandom(min, max) { 
  return Math.floor(Math.random() * (max - min) ) + min;
}
console.log(getRandom(10, 35)); // случайное число в диапазоне >= 10 и < 35

Случайное число между и максимальным значением (включая оба значения): function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1) ) + min; } console.log(getRandom(10, 35)); // случайное число в диапазоне >= 10 и <= 35 #полезно

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

Удалить из массива повторяющиеся элементы С помощью Set:

const array = [1, 2, 2, 3, 1, 5];
const unique = [...new Set(array)];
console.log(unique); // [1, 2, 3, 5];

С помощью метода массива filter: const array = [1, 2, 2, 3, 1, 5]; const unique = array.filter((value, index) => { return array.indexOf(value) === index; }); console.log(unique); // [1, 2, 3, 5] #массивы

Bryntum Scheduler Bryntum – это современный и высокопроизводительный компонент пользовательского интерфейса для планирования, который легко интегрируется со всеми средами JS, включая React, Angular и Vue. В данной статье автор демонстрирует создание планировщика по управлению недвижимостью с помощью Bryntum и JavaScript. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Заполнить массив определённым значением #массивы

Новые возможности ES13 Как и многие другие языки программирования, JavaScript постоянно развивается. С каждым годом язык становится все мощнее благодаря новым возможностям. Благодаря этой статье ты познакомишься с новыми возможностями ES13. Какое нововведение тебе больше всего понравилось? #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Создать новый массив с помощью spread-оператора (троеточие) #массивы

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

Передача числовых переменных в качестве аргументов в функцию Оператор rest (версия ES6) конвертирует разделённые запятой значения в массив, таким образом параметр numbers в функции add становится массивом. #операторы

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

Использование шаблонных литералов (ES6) #полезно

Планировщик по управлению недвижимостью В этом туториале с помощью Brynthum Scheduler мы создадим приложение для управления недвижимостью, которое будет отслеживать заказы на аренду различных квартир. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Деструктуризация массивов #полезно #массивы

Задачи на Event Loop Event Loop выполняет одну простую задачу — отслеживает стек вызовов и очередь обратного вызова. Если стек вызовов пуст, цикл событий возьмет первое событие из очереди и поместит его в стек вызовов, который его запустит. В данной статье автор разбирает задачи на Event Loop. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Деструктуризация объектов #полезно

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

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

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