TGViewer
Вёрстка сайтов | HTML, CSS, JS Вёрстка сайтов | HTML, CSS, JS @free_html_lessons · 4.5K subscribers
Post #2648 760
Задача: Дебаунс + дедупликация запросов к API

Контекст
Есть поиск с автокомплитом. Пользователь печатает быстро, API медленный.

Условие
Реализовать функцию smartFetch(query), которая:
- отправляет запрос только если предыдущий с таким же query еще не в полете
- отменяет устаревшие запросы
- дебаунсит ввод
- гарантирует, что в UI попадет только последний актуальный ответ

Ограничения
- Использовать Promise, AbortController
- Без сторонних библиотек
- Возможны одинаковые запросы подряд

#домашка
More from @free_html_lessons
  1. Oct 16, 2026Макет для тренировки (метры) Перейти к макету 🧑‍💻 #практика | #макет
  2. Oct 14, 2026Создаём красивую кнопку загрузки с анимацией на CSS Эффектная кнопка загрузки сделает ваш…
  3. Oct 13, 2026Как использовать псевдокласс :has() для навигации С помощью :has() можно улучшить UX меню.…
  4. Oct 12, 2026Как создать адаптивный текстовый градиент Градиенты в тексте — это модный тренд, который м…
  5. Oct 11, 2026Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Атрибут rel=…
  6. Oct 9, 2026Post #3083
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →