Встречается на собеседованиях • сегодня

Расскажи про самую интересную задачу

Разрабатывал интерактивную карту для логистического сервиса с анимацией маршрутов в реальном времени. Основная сложность — оптимизация рендеринга тысяч объектов на карте (Leaflet + WebGL).

Ключевые моменты:

Использовал QuadTree для пространственного индексирования объектов
Реализовал кастомный кластеризатор для группировки близких точек
Добавил smooth-анимацию движения транспорта через requestAnimationFrame

Пример кода анимации:

javascript

function animateMarker(marker, newPos, duration) {
  const startPos = marker.getLatLng();
  let startTime = null;

  function step(timestamp) {
    if (!startTime) startTime = timestamp;
    const progress = Math.min((timestamp - startTime) / duration, 1);
    const lat = startPos.lat + (newPos.lat - startPos.lat) * progress;
    const lng = startPos.lng + (newPos.lng - startPos.lng) * progress;
    marker.setLatLng([lat, lng]);
    if (progress < 1) requestAnimationFrame(step);
  }
  requestAnimationFrame(step);
}

Результат — 60 FPS при 5000+ подвижных объектов.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы