Debounce на примере формы поиска
В этой статье мы разберём, как сделать поле поиска, которое будет подсказывать варианты запросов, и при этом не положить свой сервер миллионом запросов в секунду.
debounce — это функция, которая «откладывает» вызов другой функции до того момента, когда с последнего вызова пройдёт определённое количество времени.
В этой статье мы рассмотрим следующие этапы:
👉 Разметка формы
👉 Создадим фейковый сервер для запросов
👉 Сделаем первую версию обработчика
👉 Напишем функцию debounce
👉 Применим debounce в нашем обработчике
На практике:
debounce стоит использовать, чтобы оптимизировать операции, которые можно выполнить единожды в конце.
Например, это подойдёт для формы поиска. Однако для отслеживания движения мыши — нет, потому что будет странно ждать, пока пользователь остановит курсор.
👉 Читать статью полностью
#статья #js
👉 @frontend_mind