JavaScript заметки

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

const array = Array(5).fill(false); // [false, false, false, false, false]
const array = [...Array(5).keys()] // [0, 1, 2, 3, 4, 5]

#массивы

👍9

1.51K views06:05

JavaScript заметки

Видео в вебе

Политика автовоспроизведения Chrome блокирует автовоспроизведение мультимедиа со звуком. Это означает, что с включенной этой политикой видео всегда будут автоматически воспроизводиться без звука в Google Chrome. На текущий момент эта политика поддерживается многими бразуерами. Делимся статьей, где автор рассказывает про эту политику.

#статья

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

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

👍1

1.53K views12:05

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]

#массивы #методы

❤2

1.62K views06:05

JavaScript заметки

Манкипатчинг

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

#статья

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

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

👍2🔥1

1.54K views12:05

JavaScript заметки

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

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

#полезно

🔥6👍3

1.68K views06:05

JavaScript заметки

Использование GPT-3 для объяснения работы кода

Языковая модель ИИ GPT-3 способна генерировать объяснение того, как работает код. Она поразительно эффективна в этом: ее обучающий набор включает огромное количество исходного кода. Делимся статьей, где автор демонстрирует работу GPT-3.

#статья

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

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

❤3

1.66K views12:05

JavaScript заметки

Вывести JSON в отформатированном виде

const book = {"date": "2019–03–22","book": "Harry potter","author": "J.K.Rowling"};
console.log(JSON.stringify(book, null, 2)) // разделение - 2 пробела

const book = {"date": "2019–03–22","book": "Harry potter","author": "J.K.Rowling"};
console.log(JSON.stringify(book, null, '\t')) // разделение - tab

#полезно

👍6

1.63K views06:05

JavaScript заметки

Core Web Vitals

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

#статья

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

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

❤4

1.64K views12:05

JavaScript заметки

Реализовать плавный переход в верх страницы

window.scrollTo({ top: 0, left: 0, behavior: "smooth" });

#полезно

👍10

1.68K views06:05

JavaScript заметки

О производительности JavaScript

Бенчмарки — это что-то вроде минного поля. Каждый бенчмарк имеет свои недостатки и погрешности, и помимо пиковой производительности существует целый ряд других факторов, которые необходимо оценивать при выборе платформы или фреймворка для создания веб-сервисов. В данной статье автор демонстрирует производительность фреймворка just-js.

#статья

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

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

❤5

1.51K views12:05

JavaScript заметки

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

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

let number1;
console.log(!!number1); // false
const number2 = 10;
console.log(!!number2); // true
const name1 = 'Tim';
console.log(!!name1); // true
const name2 = '';
console.log(!!name2); // false
const nullValue = null;
console.log(!!nullValue); // false

#полезно

👍7

1.42K views06:05

JavaScript заметки

Шифр Вернама

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

#статья

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

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

👍2

1.53K views12:05

JavaScript заметки

Быстро преобразовать строку в число

const number = "20";
const converted = +number;
console.log(converted); // 20

#полезно

🔥11👍4

1.52K views06:05

JavaScript заметки

Алгоритмы поиска

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

#статья

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

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

❤1

1.67K views12:05

JavaScript заметки

Преобразовать строку в массив

const name = "Mike johnson";
console.log(name.split("")); // ["M", "i", "k", "e", " ", "j", "o", "h", "n", "s", "o", "n"]
const chars = "a,b,c,d,e,f";
console.log(chars.split(",")); // ["a", "b", "c", "d", "e", "f"]

#строки #массивы

👍3

1.52K views06:05

JavaScript заметки

Способы применения reduce

Метод reduce() выполняет функцию редуктора для каждого элемента массива и возвращает одно выходное значение. Редьюсер проходит по массиву поэлементно. На каждом шаге добавляет текущее значение массива к результату предыдущего шага. Этот результат является текущей суммой всех предыдущих шагов. Делается это до тех пор, пока не останется элементов для добавления. Делимся статьей, где автор демонстрирует различные применения reduce.

#статья

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

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

👍5

1.6K views12:05

JavaScript заметки

Отобразить число с точностью до двух знаков после запятой

const number = 100.32222;
console.log(number.toFixed(2)); // 100.32

#полезно

👍9

1.5K views06:05

JavaScript заметки

Основные приемы работы с Canvas

Делимся статьей, где автор демонстрирует основные приемы работы с Canvas. Ты узнаешь, как рисовать различные фигуры. Также сможешь реализовать алгоритм fibonacci flower, также известный как golden ratio или phyllotaxis.

#статья

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

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

👍1

1.54K views12:05

JavaScript заметки

Проверить вхождение определённого значения в массив

const numbers = [1, 2 ,3, 10, 50];
// old way
console.log(numbers.indexOf(3) > -1); // true, т.к. проверяется, есть ли в массиве 3
// new way
console.log(numbers.includes(3)); // true

Метод includes также полезен, если требуется сравнить несколько значений сразу.

#методы

👍2

1.48K views06:05

JavaScript заметки

Двоичное дерево

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

#статья

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

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

1.46K views12:05

About

Blog

Apps

Platform