JavaScript и jQuery

React.js. Начало работы. Часть 5 из 12

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

React.js. Начало работы. Часть 4 из 12

Методы жизненного цикла — это специальные методы, которые автоматически вызываются компонентами. Они сообщают о важных вехах в жизни компонента, и их можно использовать, чтобы повлиять на то, что должен сделать компонент. Можно сказать, что это такие обработчики событий, которые вызываются на разных этапах жизни компонента.

React.js. Начало работы. Часть 3 из 12

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

React.js. Начало работы. Часть 2 из 12

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

React.js. Начало работы. Часть 1 из 12

React — JavaScript библиотека для создания пользовательских интерфейсов. Она позволяет собирать сложный UI из маленьких изолированных кусочков кода, называемых «компонентами». Прежде чем создать первый компонент, создадим чистый документ React, не содержащий компонентов.

Отслеживание активности вкладки браузера

С недавнего времени в новых браузерах появилось Page Visibility API, которое позволяет узнать, находится ли страница в активной вкладке браузера. Свойство visibilityState объекта document может принимать значение visible, hidden или prerender. C visible и hidden все понятно, а prerender означает, что страница находится в состоянии отрисовки.

Передача данных между вкладками браузера

Весьма распространенная ситуация, когда у пользователя в браузере открыты несколько страниц одного сайта в разных вкладках. Соответственно, может возникнуть ситуация, когда необходимо синхронизировать данные между этими страницами. Удобнее всего отслеживать событие storage объекта window, которое происходит в момент…

LocalStorage и SessionStorage

LocalStorage представляет собой хранилище, которое позволяет браузерам сохранять данные на компьютере пользователя, подобно файлам cookie. В отличие от cookie, информация не отправляется на сервер при каждом запросе и можно хранить гораздо больший объем данных.

Работа с объектом FormData

Объект FormData предназначен для кодирования данных, которые необходимо отправить на сервер посредством технологии AJAX (XmlHttpRequest). Для кодирования данных метод FormData использует формат multipart/form-data. Это означает то, что можно подготовить для отправки по AJAX не только текстовые данные, но и файлы.

AJAX. Основы передачи данных

В jQuery есть несколько методов, которые осуществляют запросы к серверной части сайта без перезагрузки страницы. Мы не будем рассматривать каждый метод отдельно, по той простой причине, что все они являются сокращенными функция метода $.ajax().
Теги: AJAXjQueryPOSTWeb-разработкаФорма
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.