Подгрузка контента при прокрутке
В вебе хорошим тоном считается не загружать в браузер ничего лишнего. Например, стили, скрипты и изображения, которые пользователю не понадобятся. С контентом дело обстоит так же — по возможности мы хотим загружать только то, что пользователю понадобится «прямо сейчас».
Первым делом сделаем заглушку для сервера, чтобы имитировать запросы к нему. Когда сервер готов, мы можем приступать к разработке клиентской части.
Первым делом спроектируем, как должно работать приложение. Нам нужно подгружать новый контент, когда пользователь докручивает до конца страницы. Здесь можно выделить несколько задач:
✔️Следить за положением прокрутки
✔️Уметь общаться с сервером
✔️Преобразовывать данные в вёрстку на странице и отображать её
✔️Правильная обработка события прокрутки
Первым делом сделаем шаблон для контента, который мы будем загружать с сервера.
Дальше нам потребуется написать функцию, которая будет определять, когда пора отправлять новый запрос. Когда мы докрутим и пересечём порог, отправим запрос за новой порцией контента.
Также улучшим производительность — притормозим обработку прокрутки, чтобы она выполнялась чуть реже и меньше нагружала браузер.
Напишем функции для запросов к серверу и обработки данных от сервера.
👉 Читать статью полностью
#статья #js
👉 @frontend_mind