Size: a a a

Love Frontend Chat

2021 November 04

f

fenq in Love Frontend Chat
Привет. Как можно оптимизировать работу больших данных в select (выпадающий список)? В нем 500 элементов списка, при открытии происходит небольшая задержка примерно в секунду
источник

NM

Nikita Mihalyov in Love Frontend Chat
Подгружать при скролле
источник

A

Artur in Love Frontend Chat
у меня тут вопрос к ux
источник

A

Artur in Love Frontend Chat
удобнее в таких случаях делают селект серч с автокомплитом
источник

A

Artur in Love Frontend Chat
вот нахуя юзеру список из 500 элементов?)
источник

NM

Nikita Mihalyov in Love Frontend Chat
Ну я подозреваю, что в таком списке есть поиск)
Но при этом надо и сами элементы показать
источник

AT

Andrey Tsapko in Love Frontend Chat
+
источник

f

fenq in Love Frontend Chat
да, верно, это обычный инпут просто с подсказками, ввести можно самому, а можно выбрать из списка. Думаю логичнее будет подгружать при скролле. Почему 500, да это тестовое, захотели 500 пихнуть 😁
источник

AT

Andrey Tsapko in Love Frontend Chat
Вот как раз этого от тебя и ждут
источник

f

fenq in Love Frontend Chat
Вот как это должно выглядеть, тут по скроллу видно что там элементов куча, поэтому сразу не подумал что часть нужно подгружать при скролле) Спасибо
источник

AT

Andrey Tsapko in Love Frontend Chat
Я бы сделал дебаунс для инпута, а потом вытягиваешь элементы в результирующий список которые содержать текст который ты используешь
источник

f

fenq in Love Frontend Chat
то есть показывать список только при вводе значения в инпут?
источник

AT

Andrey Tsapko in Love Frontend Chat
И это тоже, и только ту часть списка которая совпадает со значением которое ты вводишь (содержит его)
источник

AT

Andrey Tsapko in Love Frontend Chat
А у тебя есть API для этого или список данных, или как там?
источник

f

fenq in Love Frontend Chat
да, есть api. У меня вообще тут 3 разные api для улицы, дома и квартиры. Я думал данные улицы получать при маунте страницы, а дом и квартиру подтягивать после выбора улицы
источник

PK

Pasha Kozyr in Love Frontend Chat
на работе дали задачу прикрутить сервис thumbor для кеширования там картинок. не работали с этим сервисом? как это работает (кеширование картинок) в CDN сервисах хоть примерно? я джун ещё, сложновато.
источник

V🦖

Valentine 🦖 in Love Frontend Chat
Да в принципе прикручиванием кешей мало кто занимался хаха
источник

V🦖

Valentine 🦖 in Love Frontend Chat
Не загоняйся
источник

V🦖

Valentine 🦖 in Love Frontend Chat
Кидай че у тебя получается
источник

YW

Yevgen W. in Love Frontend Chat
Вроде девопса задача, TTL все что знаю из этой оперы
источник