javascript42
Главная
Все учебники
Блог
Учебник Waypoints
Введение
Что такое Waypoints
История и эволюция библиотеки
Когда использовать Waypoints
Альтернативные решения
Установка и настройка
Загрузка библиотеки
Установка через CDN
Установка через npm
Установка через Bower
Подключение к проекту
Проверка корректности установки
Зависимости и требования
Поддержка браузеров
Основы работы с Waypoints
Концепция точек наблюдения
Создание первого waypoint
Синтаксис и базовая структура
Параметр element
Параметр handler
Контекст выполнения
Направление прокрутки
Удаление waypoint
Конфигурация и опции
Параметр offset
Числовые значения offset
Функции в offset
Параметр context
Работа с кастомными контейнерами
Горизонтальная прокрутка
Параметр continuous
Параметр enabled
Параметр group
Комбинирование опций
События и обработчики
Функция handler в деталях
Параметр direction
Контекст this внутри handler
Множественные обработчики
Цепочка вызовов
Остановка обработки
Асинхронные операции в handler
Методы экземпляра
Метод destroy
Метод disable
Метод enable
Метод next
Метод previous
Метод context
Динамическое управление waypoints
Статические методы
Waypoints.refreshAll
Waypoints.destroyAll
Waypoints.disableAll
Waypoints.enableAll
Waypoints.viewportHeight
Waypoints.viewportWidth
Waypoints.adapters
Доступ к адаптерам
Расширения библиотеки
Infinite Scroll
Установка и подключение
Настройка бесконечной прокрутки
Загрузка контента
Обработка ошибок
Оптимизация производительности
Inview
Отслеживание видимости элементов
Колбэки enter и exit
Настройка порогов видимости
Sticky Elements
Фиксация элементов при прокрутке
Параметры липких элементов
Работа с обёртками
Работа с динамическим контентом
Обновление waypoints при изменении DOM
Метод refresh
Автоматическое обновление
AJAX и динамическая загрузка
Работа с SPA-приложениями
Интеграция с фреймворками
Debounce и throttle
Адаптеры
Концепция адаптеров
Встроенные адаптеры
jQuery адаптер
Zepto адаптер
Создание собственного адаптера
Регистрация адаптера
API адаптеров
Производительность и оптимизация
Влияние на производительность
Минимизация reflow и repaint
Оптимальное количество waypoints
Использование групп
Оптимизация offset-функций
Профилирование и отладка
Ленивая инициализация
Удаление неиспользуемых waypoints
Отладка и устранение проблем
Типичные ошибки
Waypoints не срабатывают
Неправильное определение направления
Проблемы с offset
Конфликты с другими библиотеками
Проблемы с адаптерами
Инструменты отладки
Логирование событий
Доступность
Waypoints и screen readers
Управление с клавиатуры
ARIA-атрибуты
Прогрессивное улучшение
Fallback для старых браузеров
Паттерны использования
Анимация при прокрутке
Ленивая загрузка изображений
Прогресс-бар прокрутки
Навигация по разделам
Параллакс-эффекты
Отслеживание аналитики
Автовоспроизведение видео
Подгрузка комментариев
Интеграция с фреймворками
Работа с jQuery
Использование в React
Хуки и компоненты
Управление жизненным циклом
Использование в Vue.js
Директивы и композиция
Использование в Angular
Сервисы и директивы
Vanilla JavaScript подход
Продвинутые техники
Вложенные контексты прокрутки
Множественные направления
Динамический offset
Условная активация
Синхронизация waypoints
Каскадные эффекты
Управление состоянием
Waypoints в модальных окнах
Тестирование
Юнит-тестирование waypoints
Симуляция прокрутки
Миграция и обновление
Миграция с версии 3 на 4
Изменения в API
Устаревшие методы
Обновление расширений
Обратная совместимость
Справочник API
Конструктор Waypoint
Опции конфигурации
Методы экземпляра
Статические методы
Расширения
Адаптеры
События
Константы