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

Приведи пример интересной проработанной задачи которую выполнял

Разрабатывал интерактивную карту для логистического сервиса с кастомными маркерами, кластеризацией и анимацией перемещения транспорта.

Особенности:

  • Оптимизация рендеринга 1000+ маркеров через Canvas
  • Кастомные SVG-маркеры с состоянием (загрузка/движение/остановка)
  • Анимация перемещения между точками с requestAnimationFrame
  • Кластеризация на лету при зуме (использовал Supercluster)
javascript
// Упрощенный пример анимации движения
function animateMarker(marker, from, to, duration) {
  let start = null;
  
  const step = (timestamp) => {
    if (!start) start = timestamp;
    const progress = Math.min((timestamp - start) / duration, 1);
    
    marker.setLngLat([
      from.lng + (to.lng - from.lng) * progress,
      from.lat + (to.lat - from.lat) * progress
    ]);
    
    if (progress < 1) requestAnimationFrame(step);
  };
  
  requestAnimationFrame(step);
}

Результат: 60 FPS даже на слабых устройствах, снижение нагрузки на GPU на 40%.

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

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

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

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы