Встречается на собеседованиях • сегодня
Расскажи о самой интересной технической задаче
Одна из самых интересных задач — реализация виртуального списка для отображения тысяч элементов без лагов. Проблема: рендеринг всех элементов сразу убивает производительность. Решение: рендерить только видимую часть + буферные элементы.
**Пример на React:**
```jsx
const VirtualList = ({ items, itemHeight, containerHeight }) => {
const [scrollTop, setScrollTop] = useState(0);
const startIdx = Math.floor(scrollTop / itemHeight);
const visibleItems = items.slice(startIdx, startIdx + Math.ceil(containerHeight / itemHeight) + 5);
return (
setScrollTop(e.target.scrollTop)}
>
);
};
```
Фишка: вычисляем позиции и рендерим только нужные элементы, экономя ресурсы.
{visibleItems.map((item, i) => (
{item}
))}

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы