javascript42
Главная
Все учебники
Блог
Учебник Velocity.js
Введение
Что такое Velocity.js
История создания и развития библиотеки
Сравнение с другими библиотеками анимации
Когда использовать Velocity.js
Установка и подключение
Первая анимация
Основы работы с Velocity.js
Синтаксис вызова функции
Базовые CSS-свойства для анимации
Длительность и задержка
Функции плавности
Цепочки анимаций
Параллельное выполнение анимаций
Остановка и пауза анимаций
Обратные анимации
Свойства и параметры
Numeric свойства
Цветовые свойства
Transform-свойства
Свойства прокрутки
Специальные свойства
Единицы измерения
Относительные значения
Вычисляемые значения на лету
Опции анимации
Duration
Easing
Queue
Begin и complete коллбэки
Progress коллбэк
Display и visibility
Loop и delay
Функции плавности
Встроенные функции плавности
Пользовательские кривые Безье
Spring физика
Создание собственных функций плавности
Комбинирование функций плавности
Очереди анимаций
Понимание системы очередей
Именованные очереди
Управление очередями
Очистка очередей
Параллельные очереди
Синхронизация нескольких очередей
Transform-трансформации
TranslateX, translateY, translateZ
RotateX, rotateY, rotateZ
ScaleX, scaleY, scaleZ
SkewX и skewY
Комбинирование трансформаций
Порядок применения трансформаций
3D-трансформации
Перспектива и transform-origin
Продвинутые техники
Stagger-анимации
Reverse-анимации
Микроанимации интерфейса
Анимация SVG-элементов
Анимация canvas-элементов
Работа с псевдоэлементами
Hook-функции
Форсированный рендеринг
Производительность
Оптимизация анимаций
Will-change и его применение
Профилирование производительности
Throttling и debouncing
Управление памятью
Сравнение производительности с CSS
Интеграция с фреймворками
Velocity.js и jQuery
Использование с React
Интеграция с Vue.js
Работа с Angular
Vanilla JavaScript подход
Утилиты и вспомогательные методы
Velocity.Hook
Velocity.Utilities
Velocity.State
Velocity.mock
Velocity.timestamp
Регистрация пользовательских свойств
Расширенная работа со scroll
Анимация прокрутки страницы
Прокрутка к элементу
Определение позиции скролла
Параллакс-эффекты
Sticky-элементы через анимацию
Виртуальный скроллинг
UI Pack
Установка UI Pack
Предустановленные эффекты
Callout-анимации
Transition-эффекты
Настройка готовых эффектов
Создание собственных пресетов
Работа с событиями
Триггеры анимаций
Обработка пользовательских событий
Делегирование событий
Touch и gesture события
Keyboard-триггеры
Координация событий и анимаций
Адаптивность и responsive-анимации
Media queries в анимациях
Viewport-зависимые параметры
Breakpoints и условная анимация
Mobile-first подход
Отключение анимаций на слабых устройствах
Отладка и тестирование
Debugging-режим
Логирование анимаций
Инструменты разработчика
Unit-тестирование анимаций
Визуальное тестирование
Обработка ошибок
Миграция и совместимость
Переход с jQuery.animate
Миграция с других библиотек
Поддержка браузеров
Polyfills и fallbacks
Прогрессивное улучшение
Graceful degradation
Паттерны проектирования
Модульная организация кода
Переиспользуемые анимации
Конфигурационные объекты
Фабрики анимаций
Композиция анимаций
Управление состоянием
Справочник API
Полный список методов
Полный список опций
Полный список свойств
Список функций плавности
Константы и статические значения
Типы данных и интерфейсы