javascript42
Главная
Все учебники
Блог
Учебник iziToast
Введение
Что такое iziToast
История и назначение библиотеки
Преимущества использования
Сравнение с альтернативными решениями
Установка и подключение
Установка через npm
Установка через yarn
Подключение через CDN
Скачивание и локальное подключение
Подключение CSS-файлов
Подключение JavaScript-файлов
Проверка корректности установки
Совместимость с браузерами
Работа с модульными системами
Интеграция с webpack
Интеграция с Vite
Использование в TypeScript-проектах
Основы работы с библиотекой
Первое уведомление
Базовый синтаксис
Структура вызова методов
Цепочка методов
Глобальные настройки
Локальные настройки уведомлений
Приоритет настроек
Типы уведомлений
Информационные уведомления (info)
Уведомления об успехе (success)
Предупреждающие уведомления (warning)
Уведомления об ошибках (error)
Пользовательские типы уведомлений
Создание собственных типов
Параметры отображения
Заголовок уведомления
Текст сообщения
Позиционирование на экране
Отступы и смещения
Таймаут показа
Паузы при наведении
Закрытие по клику
Анимация появления
Анимация исчезновения
Прогресс-бар
Настройка цветов прогресс-бара
Визуальное оформление
Цветовые схемы
Пользовательские цвета фона
Цвет текста
Иконки в уведомлениях
Встроенные иконки
Использование Font Awesome
Пользовательские иконки
Изображения в уведомлениях
Размеры уведомлений
Прозрачность и overlay
Тени и border
Скругление углов
Интерактивные элементы
Кнопки действий
Множественные кнопки
Обработчики событий кнопок
Поля ввода в уведомлениях
Чекбоксы и радиокнопки
Получение данных из полей
Валидация введенных данных
Фокусировка элементов
События и callback-функции
onOpening
onOpened
onClosing
onClosed
Передача параметров в callback
Контекст выполнения функций
Обработка ошибок в callback
Управление уведомлениями
Программное закрытие уведомлений
Закрытие по ID
Закрытие всех уведомлений
Скрытие уведомлений
Показ скрытых уведомлений
Уничтожение экземпляров
Получение информации об активных уведомлениях
Проверка существования уведомления
Позиционирование и компоновка
Базовые позиции
Нижняя часть экрана
Центрирование
Пользовательские координаты
Адаптивное позиционирование
Стекинг уведомлений
Управление наложением
Отступы между уведомлениями
Анимации
Встроенные анимации появления
Встроенные анимации исчезновения
Скорость анимаций
Easing-функции
Пользовательские CSS-анимации
Анимации с использованием Animate.css
Отключение анимаций
Анимация прогресс-бара
Адаптивность и мобильные устройства
Настройки для мобильных экранов
Breakpoints
Изменение размеров на разных устройствах
Touch-события
Свайпы для закрытия
Оптимизация производительности на мобильных
Интеграция с фреймворками
Использование с React
Создание React-компонента
Хуки для iziToast
Использование с Vue.js
Vue-плагин для iziToast
Composition API
Использование с Angular
Создание Angular-сервиса
Использование с Svelte
Расширенные возможности
Очереди уведомлений
Группировка уведомлений
Дублирование и предотвращение дубликатов
Лимиты на количество уведомлений
Шаблоны уведомлений
Переиспользуемые конфигурации
Наследование настроек
Доступность
ARIA-атрибуты
Поддержка скринридеров
Клавиатурная навигация
Фокус-менеджмент
Контрастность и читаемость
Локализация и интернационализация
Многоязычность
Настройка текстов по умолчанию
Направление текста (RTL/LTR)
Форматирование для разных локалей
Производительность и оптимизация
Минимизация перерисовок
Управление памятью
Ленивая загрузка
Throttling и debouncing
Оптимизация для большого количества уведомлений
Профилирование производительности
Стилизация и кастомизация
Переопределение стилей по умолчанию
Создание тем оформления
Использование CSS-переменных
Адаптация под дизайн-систему
Темная и светлая темы
Динамическое переключение тем
Обработка ошибок и отладка
Типичные ошибки и их решение
Конфликты с другими библиотеками
Проблемы с z-index
Отладка в DevTools
Логирование событий
Тестирование уведомлений
Безопасность
XSS-защита
Санитизация HTML-контента
Безопасная обработка пользовательского ввода
Content Security Policy
Миграция и обновление
Миграция со старых версий
Изменения в API между версиями
Обратная совместимость
Стратегии постепенного обновления
Примеры реализации
Уведомления формы обратной связи
Система подтверждений действий
Уведомления о загрузке файлов
Чат-уведомления
Уведомления о новых сообщениях
Системные алерты
Промо-уведомления
Cookie-баннеры
Подписка на рассылку
Уведомления о статусе соединения
Справочник API
Полный список методов
Полный список параметров
Значения по умолчанию
Типы данных параметров
Возвращаемые значения