Обложка канала

Frontend Головного Мозга

Настоящий клондайк для frontend-разработчиков.

Frontend Головного Мозга

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