Как отследить событие закрытия браузера и вкладки с помощью JavaScript

Вам нужно отследить событие закрытия браузера или вкладки, чтобы предупредить пользователя о любых несохраненных изменениях на веб-странице? Предлагаем пошаговый алгоритм этой операции.

#статья

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

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

Передача числовых переменных в качестве аргументов в функцию

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

#операторы

Топ-15 шпаргалок для разработчиков

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

#статья

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

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

Новые возможности ES13

Как и многие другие языки программирования, JavaScript постоянно развивается. С каждым годом язык становится все мощнее благодаря новым возможностям. Благодаря этой статье ты познакомишься с новыми возможностями ES13. Какое нововведение тебе больше всего понравилось?

#статья

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

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

Bryntum Scheduler

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

#статья

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

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

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

С помощью 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]

#массивы

PET-проекты для новичков

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

#статья

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

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

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

Случайное число от 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

#полезно

Эффекты в видеосвязи

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

#статья

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

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

Бессерверное приложение

Делимся статьей, где автор демонстрирует создание бессерверного приложения, используя Netlify. Будет приниматься ссылка на веб-сайт в качестве аргумента. Для предоставления содержимого сайта используется Mozilla Readability API.

#статья

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

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

Рекомендации по Core Web Vitals

На протяжении многих лет Google давали веб-разработчикам множество рекомендаций по повышению производительности. Хотя каждая из этих рекомендаций по отдельности может повысить производительность многих сайтов, полный набор рекомендаций слишком обширный. Делимся статьей, где автор дает рекомендации по Core Web Vitals на 2023 год.

#статья

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

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

Преобразовать любое значение в Boolean

Это будет особенно полезно, если вы не хотите послать в бэкенд значение null или undefined.

#полезно

Цифровые часы

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

#статья

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

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

Отслеживание закрытия браузера

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

#статья

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

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

Многопользовательский чат

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

#статья

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

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