Учебник Vex

Введение
- Что такое Vex
- История и эволюция библиотеки
- Установка и настройка окружения
- Первый пример работы с Vex
- Сравнение с другими библиотеками манипуляции DOM
Основы работы с селекторами
- Синтаксис выборки элементов
- CSS-селекторы в Vex
- Выборка по атрибутам
- Псевдоклассы и псевдоэлементы
- Контекстная выборка элементов
- Работа с коллекциями элементов
- Фильтрация и сужение выборки
- Обход иерархии DOM
Манипуляция содержимым
- Чтение и изменение текстового содержимого
- Работа с HTML-разметкой внутри элементов
- Методы добавления контента
- Замена содержимого элементов
- Удаление содержимого
- Клонирование элементов
- Обертывание и развертывание элементов
Работа с атрибутами
- Чтение значений атрибутов
- Установка и изменение атрибутов
- Удаление атрибутов
- Булевы атрибуты
- Data-атрибуты
- Атрибуты aria и accessibility
- Массовая работа с атрибутами
Управление классами
- Добавление классов
- Удаление классов
- Переключение классов
- Проверка наличия класса
- Работа с несколькими классами одновременно
- Условная установка классов
Стилизация элементов
- Чтение вычисленных стилей
- Установка inline-стилей
- Массовая установка стилей
- Удаление стилей
- Работа с CSS-переменными
- Получение размеров элементов
- Позиционирование и координаты
Обработка событий
- Базовый синтаксис навешивания обработчиков
- Делегирование событий
- Удаление обработчиков
- Пространства имен событий
- Одноразовые обработчики
- Триггеры событий программно
- Всплытие и перехват событий
- Пользовательские события
- Throttling и debouncing событий
События мыши
- Click, dblclick и contextmenu
- Mouseenter, mouseleave, mouseover, mouseout
- Mousemove и отслеживание позиции курсора
- Mousedown и mouseup
- Работа с кнопками мыши
- События колеса мыши
- Drag and drop события
События клавиатуры
- Keydown, keyup и keypress
- Определение нажатых клавиш
- Модификаторы клавиш
- Обработка сочетаний клавиш
- Предотвращение действий по умолчанию
События форм
- Submit и reset
- Focus и blur
- Change и input
- Валидация форм
- Сериализация данных форм
- Работа с разными типами input-элементов
- События для textarea и select
Анимация и эффекты
- Основы анимации в Vex
- Fade-эффекты
- Slide-эффекты
- Пользовательские анимации
- Управление скоростью и плавностью
- Easing-функции
- Цепочки анимаций
- Остановка и пауза анимаций
- Колбэки завершения анимации
AJAX и асинхронные запросы
- GET-запросы
- POST-запросы
- PUT, DELETE и другие HTTP-методы
- Обработка ответов сервера
- Обработка ошибок запросов
- Отправка JSON-данных
- Отправка FormData
- Загрузка файлов
- Настройка заголовков запросов
- Работа с CORS
- Timeout и retry механизмы
- Отмена запросов
Promises и async/await в Vex
- Промисификация операций Vex
- Обработка асинхронных цепочек
- Параллельное выполнение запросов
- Обработка множественных промисов
- Error handling в асинхронном коде
Утилиты и хелперы
- Итерация по коллекциям
- Методы работы с массивами
- Проверка типов данных
- Парсинг и сериализация данных
- Работа со строками
- Генерация уникальных идентификаторов
- Debounce и throttle утилиты
- Deep clone и merge объектов
Работа с формами
- Получение значений полей
- Установка значений полей
- Очистка форм
- Динамическое создание полей
- Валидация на стороне клиента
- Маскирование ввода
- Автодополнение и подсказки
- Работа с чекбоксами и радиокнопками
- Множественный выбор в select
Создание и удаление элементов
- Создание новых DOM-элементов
- Вставка элементов в DOM
- Append, prepend, before, after
- Удаление элементов
- Замена элементов
- Перемещение элементов в DOM
- Фрагменты документа для оптимизации
Навигация по DOM-дереву
- Родительские элементы
- Дочерние элементы
- Соседние элементы
- Поиск ближайшего предка
- Фильтрация результатов навигации
- Проверка существования элементов
Плагины и расширения
- Архитектура плагинов Vex
- Создание собственных плагинов
- Регистрация и инициализация плагинов
- Передача параметров в плагины
- Цепочка вызовов в плагинах
- Namespace для плагинов
Оптимизация производительности
- Кеширование селекторов
- Минимизация reflow и repaint
- Батчинг операций с DOM
- Ленивая загрузка контента
- Virtual scrolling
- Оптимизация обработчиков событий
- Профилирование и отладка
Работа с медиа-элементами
- Управление video и audio
- Контроль воспроизведения
- Отслеживание прогресса воспроизведения
- Работа с субтитрами и треками
- Canvas и обработка изображений
- Ленивая загрузка изображений
Интеграция с современными фреймворками
- Использование Vex с React
- Использование Vex с Vue
- Использование Vex с Angular
- Конфликты и совместимость
- Миграция с jQuery на Vex
Адаптивность и мобильные устройства
- Touch-события
- Swipe и gesture detection
- Определение типа устройства
- Viewport и media queries в JavaScript
- Orientation change
- Оптимизация для мобильных браузеров
Доступность и accessibility
- ARIA-атрибуты через Vex
- Управление фокусом
- Keyboard navigation
- Screen reader совместимость
- Семантическая разметка
- Контраст и читаемость
Безопасность
- XSS-защита при работе с контентом
- Санитизация пользовательского ввода
- Content Security Policy
- Безопасная работа с innerHTML
- Защита от CSRF при AJAX-запросах
- Валидация данных перед отправкой
Тестирование
- Unit-тестирование кода с Vex
- Моки и стабы для DOM-операций
- Тестирование событий
- Тестирование AJAX-запросов
- Integration и E2E тесты
- Покрытие кода тестами
Отладка и инструменты разработчика
- Console API и логирование
- Breakpoints в коде с Vex
- Инспектирование элементов
- Network tab для AJAX
- Performance profiling
- Memory leaks и их обнаружение
Сборка и деплой
- Минификация и обфускация
- Bundling с Webpack
- Tree shaking неиспользуемого кода
- Source maps
- CDN и кеширование
- Версионирование библиотеки
Паттерны проектирования
- Module pattern
- Observer pattern для событий
- Singleton для глобальных объектов
- Factory для создания элементов
- Facade для упрощения API
- Command pattern для действий пользователя
Продвинутые техники
- Custom data binding
- Template engine интеграция
- State management
- Роутинг на стороне клиента
- Виртуальный DOM (если поддерживается)
- Web Components интеграция
- Service Workers и offline functionality
- WebSocket интеграция
Миграция и совместимость
- Переход с jQuery на Vex
- Переход с Vanilla JS на Vex
- Обратная совместимость версий
- Полифиллы для старых браузеров
- Graceful degradation
- Progressive enhancement
Расширенная работа с данными
- LocalStorage и SessionStorage
- IndexedDB интеграция
- Cookies через Vex
- Кеширование данных на клиенте
- Синхронизация данных с сервером
- Offline-first подходы
Интернационализация
- Определение языка пользователя
- Загрузка языковых файлов
- Замена текстового контента
- Форматирование дат и чисел
- RTL-языки и направление текста
Справочник API
- Полный список методов селекции
- Полный список методов манипуляции
- Полный список методов событий
- Полный список методов эффектов
- Полный список AJAX-методов
- Полный список утилит
- Параметры конфигурации
- Возвращаемые значения методов