Найти в Дзене
Статьи
Что такое document.querySelector в JS? Понятное объяснение для новичков.
Представьте, что HTML-страница – это большой дом, в котором много комнат (элементов). У каждой комнаты может быть свое имя (ID), свой стиль оформления (класс), а также каждая комната может быть определенного типа, например, спальня, кухня, ванная (тег). document.querySelector() – это как опытный поисковик, которого вы отправляете в этот дом, чтобы найти конкретную комнату. Вы даете ему описание этой комнаты (CSS-селектор), и он находит первую комнату, которая соответствует описанию. Разберем подробнее: Примеры “инструкций” (CSS-селекторов): Что происходит, когда поисковик находит комнату? Что происходит,...
10 месяцев назад
Как сгенерировать рандомное число от 1 до 100 на JS? Варианты и подробное описание для новичка.
Вот несколько способов сгенерировать случайное число от 1 до 100 на JavaScript, с подробными объяснениями для начинающих: Способ 1: Используя Math.random() и Math.floor() (самый распространенный): function getRandomInt(min, max) { // Math.random() генерирует случайное число между 0 (включительно) и 1 (исключительно). // Умножаем это число на (max - min + 1), чтобы получить диапазон случайных чисел от 0 до (max - min + 1). // Добавляем min, чтобы сдвинуть диапазон от min до max включительно. let randomNumber = Math.random() * (max - min + 1) + min; // Math.floor() округляет число вниз до ближайшего целого...
10 месяцев назад
Если <script> вставлять в HTML где лучше всего его расположить и почему?
Расположение тега <script> в HTML-документе — это важный вопрос, который влияет на скорость загрузки страницы и пользовательский опыт. Существует два основных подхода: 1. Внутри тега <head>: 2. Перед закрывающим тегом </body> (в самом конце документа): Какой вариант лучше? В большинстве случаев, рекомендуется размещать тег <script> перед закрывающим тегом </body>. Почему? Но есть исключения: Атрибуты async и defer: Эти атрибуты позволяют управлять загрузкой и выполнением скриптов. Рекомендации по использованию async и defer: Примеры: <!DOCTYPE html> <html> <head> <title>Моя страница</title> <link rel="stylesheet" href="style...
10 месяцев назад
Задачи по JS с собеседований. Вернуть пересечение двух массивов.
Задание ; Даны два массива: [1, 2, 3, 2, 0] и [5, 1, 2, 7, 3, 2] Надо вернуть их пересечение [1, 2, 2, 3] (порядок неважен) Пересечение двух массивов можно добиться всего одной строкой кода, применяя методы filter() и includes() Первый метод filter() играет главную роль, он итерируя через каждый элемент массива arr1. А includes() активно помогает, проверяя, содержит ли элемент массив arr2...
1 год назад
Задачи по JS с собеседований. Напишите функцию, которая переворачивает строку.
Всем доброго дня! Сегодня разберем одну совсем несложную задачу. Необходимо написать функцию, которая переворачивает строку. Первый способ - с помощью встроенных методов String.prototype.split(), Array.prototype.reverse() и Array.prototype.join() Метод split() принимает на вход строку и преобразует в массив, разбивая ее по разделителю; Метод reverse() переварачивает элементы массива, первый становится последним, а последний первым; Метод join() объединяет все элементы массива в строку. И запишем все это в одну строку. function revers(str) { return str.split('').reverse().join(''); } Второй...
1 год назад
Вопросы на собеседованиях. JavaScript/Типы данных, ссылочные типы данных, приведение/Знание основ типов и способность их определения #4.
Что будет если сложить число и строку, в которой записано число? JavaScript может делать преобразования самостоятельно. Неявное преобразование происходит, когда мы заставляем JavaScript работать со значениями разных типов. Например, если мы хотим «сложить» число и строку, JS приведёт примитивные значения к строке, если мы используем +, когда один из операндов — строка: 5 + '3' === '53' 5 - '3' === 2 5 + '-3' === '5-3' Как проверить тип переменной? Что возвращает typeof null ? Для проверки типа данных переменной можно воспользоваться оператором typeof console.log(typeof 42); // "number" console...
113 читали · 2 года назад
Вопросы на собеседованиях. JavaScript/Типы данных, ссылочные типы данных, приведение/Знание основ типов и способность их определения #2.
Всем привет! Я продолжаю серию обзора теоретических и практических вопросов которые часто задают на собеседованиях на вакансию JavaScript разработчика. Начну с простых и далее буду усложнять. Итак, продолжаем! Какие типы являются мутабельными, а какие иммутабельные? Мутабельный тип данных - тип данных, позволяющий изменять свои свойства после создания, в JS ссылочные типы изменяемы (mutable) - объекты, массивы и функции. Иммутабельный тип данных - тип данных, который не может быть изменен после создания...
183 читали · 2 года назад
Вопросы на собеседованиях. JavaScript/Типы данных, ссылочные типы данных, приведение/Знание основ типов и способность их определения #3.
Привет, привет! Продолжаем, без долгих вступлений, сегодня вторая статья с вопросами на собеседованиях по JavaScript. Поехали! Что такое NaN? NaN === NaN? NaN или Not a Number (не число) - это значение, получаемое в результате выполнения числовой операции над не числовым значением. console.log(parseInt('abc')) console.log(parseInt(null)) console.log(parseInt(undefined)) console.log(parseInt({} * 10)) console.log(parseInt('abc' - 2)) console.log(parseInt(0 / 0)) console.log(parseInt('10a' * 10)) В JS есть встроенный метод isNaN, позволяющий проверять является ли значение NaN, но он ведет себя довольно странно: console...
3 года назад
Вопросы на собеседованиях. JavaScript/Типы данных, ссылочные типы данных, приведение/Знание основ типов и способность их определения #1.
Всем привет! Я начинаю серию обзора теоретических и практических вопросов которые часто задают на собеседованиях на вакансию JavaScript разработчика. Начну с простых и далее буду усложнять. Итак, поехали! Типы данных JS ?Какие типы примитивные? Какие ссылочные? - "number", "string", "boolean", "null", "undefined", "bigint", "simbol", "object"; Стандарт ECMAScript определяет 8 типов данных, 7 типов являются примитивными потому что содержат только простые значения (будь то строка, или число, или что-то ещё), сохраняются непосредственно в переменной и ссылочный тип - это объекты, включая Object, Array и Function...
3 года назад