Свойства scrollLeft/scrollTop можно изменять
В отличие от большинства свойств, которые доступны только для чтения, значения
При клике на следующий элемент будет выполняться код
Установка значения
JavaScript test
В отличие от большинства свойств, которые доступны только для чтения, значения
scrollLeft/scrollTop можно изменять, и браузер выполнит прокрутку элемента.При клике на следующий элемент будет выполняться код
elem.scrollTop += 10. Поэтому он будет прокручиваться на 10px вниз.Установка значения
scrollTop на 0 или Infinity прокрутит элемент в самый верх/низ соответственно.JavaScript test
Асинхронные HTTP-запросы с использованием современного API Fetch
В примере мы используем
JavaScript test
В примере мы используем
fetch для отправки GET-запроса к удаленному серверу. Мы обрабатываем результат запроса с использованием асинхронного синтаксиса с await и async. Если запрос выполнен успешно (HTTP-код 200), мы преобразуем полученные данные в JSON и выводим их в консоль. В противном случае, мы ловим ошибку и выводим сообщение об ошибке.JavaScript test
Значения параметров функции по умолчанию
В JavaScript параметры функции подобны локальным переменным. При вызове этой самой функции вы можете и не передавать значения для её параметров. В этом случае они принимают значение "undefined", что может привести к нежелательным последствиям.
Существует простой способ передачи значения по умолчанию для параметров функции при их определении. В примере ниже для параметра "message" функции "greetings" передаётся значение по умолчанию "Hello".
JavaScript test
В JavaScript параметры функции подобны локальным переменным. При вызове этой самой функции вы можете и не передавать значения для её параметров. В этом случае они принимают значение "undefined", что может привести к нежелательным последствиям.
Существует простой способ передачи значения по умолчанию для параметров функции при их определении. В примере ниже для параметра "message" функции "greetings" передаётся значение по умолчанию "Hello".
JavaScript test
Произвольные значения
Генерирование произвольных значений или получение произвольного элемента массива – очень полезные методы, которые стоит держать под рукой.
Пара применений:
• Получить произвольный элемент из массива
• Генерирование произвольного числа из диапазона с указанием минимального и максимального значений
JavaScript test
Генерирование произвольных значений или получение произвольного элемента массива – очень полезные методы, которые стоит держать под рукой.
Пара применений:
• Получить произвольный элемент из массива
• Генерирование произвольного числа из диапазона с указанием минимального и максимального значений
JavaScript test
isInteger
Это аккуратный способ узнать, является ли значение целым числом. Встроенный в JavaScript API
JavaScript test
Это аккуратный способ узнать, является ли значение целым числом. Встроенный в JavaScript API
Number предоставляет для этого метод isInteger(). Очень полезная штука, о которой следует знать.JavaScript test
Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов
Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.
В данном примере мы создаем новый элемент
Через 3 секунды мы удаляем элемент с помощью метода
Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.
JavaScript test
Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.
В данном примере мы создаем новый элемент
div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor.Через 3 секунды мы удаляем элемент с помощью метода
remove(). Это демонстрирует возможность удаления элементов из документа.Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.
JavaScript test
Работа с датами и временем: использование объекта Date и библиотек для работы с датами
Работа с датами и временем является неотъемлемой частью разработки веб-приложений, особенно при работе с расписаниями, сроками и другими временными данными. Для работы с датами в JavaScript мы можем использовать встроенный объект Date, который предоставляет функциональность для работы с датами и временем.
В данном примере мы создаем объект Date с помощью конструктора
Затем мы используем различные методы объекта Date, такие как
Мы также форматируем дату и время, используя шаблон строки и значения, полученные от объекта Date. В данном примере мы форматируем дату в формате "день.месяц.год" и время в формате "часы:минуты:секунды".
JavaScript test
Работа с датами и временем является неотъемлемой частью разработки веб-приложений, особенно при работе с расписаниями, сроками и другими временными данными. Для работы с датами в JavaScript мы можем использовать встроенный объект Date, который предоставляет функциональность для работы с датами и временем.
В данном примере мы создаем объект Date с помощью конструктора
new Date(), который инициализирует его текущей датой и временем.Затем мы используем различные методы объекта Date, такие как
getFullYear(), getMonth(), getDate(), getHours(), getMinutes() и getSeconds(), чтобы получить текущие значения года, месяца, дня, часа, минуты и секунды.Мы также форматируем дату и время, используя шаблон строки и значения, полученные от объекта Date. В данном примере мы форматируем дату в формате "день.месяц.год" и время в формате "часы:минуты:секунды".
JavaScript test
Получить временную метку (timestamp)
Текущее значение метки времени бывает полезно для генерации случайных значений, ведь с каждой секундой оно меняется.
JavaScript test
Текущее значение метки времени бывает полезно для генерации случайных значений, ведь с каждой секундой оно меняется.
const date = new Date();
console.log(date.getTime()); // 1621708197268
JavaScript test
Использование WebAssembly для выполнения высокопроизводительного кода в браузере
WebAssembly — это бинарный формат инструкций, предназначенный для выполнения в веб-браузерах, что позволяет запускать высокопроизводительные приложения, написанные на языках, таких как C или C++, в браузере.
JavaScript test
WebAssembly — это бинарный формат инструкций, предназначенный для выполнения в веб-браузерах, что позволяет запускать высокопроизводительные приложения, написанные на языках, таких как C или C++, в браузере.
JavaScript test
Использование Object Destructuring для извлечения значений из объектов
Деструктуризация объектов в JavaScript позволяет извлекать значения свойств объекта в переменные.
JavaScript test
Деструктуризация объектов в JavaScript позволяет извлекать значения свойств объекта в переменные.
JavaScript test