Nano Hash - криптовалюты, майнинг, программирование

Как вернуться к элементу, где бы он ни находился, при изменении маршрута?

У меня очень длинный стол. Первый столбец каждой из строк представляет собой тег <a>. Щелчок по тегу <a> делает:

  1. Обновление route и страница reloads
  2. Получить данные (список объектов) с сервера.
  3. Отображение данных под тегом <a>
  4. Скрыть данные, относящиеся к другому тегу <a>.

Длина данных отличается друг от друга. Одновременно я показываю только данные, относящиеся к одному из тегов <a>. Например, щелчок по первому <a> отображает связанные с ним данные сразу после него. Щелчок по второму <a> показывает данные, относящиеся к нему, и скрывает данные, относящиеся к первому <a>.

Как вернуться к тегу <a>, на который вы нажали, при изменении маршрута и перезагрузке страницы?

Если вы ответите, пожалуйста, не используйте jQuery.

Заранее спасибо.

javascript angularjs angular-ui-router
03.08.2017

Ответы:


1

Так что внутри ваших столов? Это образы?

А "данные с сервера" - это данные, как данные из апи-запроса? Или это новая веб-страница?

Если мы говорим о динамической веб-странице здесь. Я помню, как сталкивался с той же проблемой с представлением бесконечной прокрутки, когда пользователь щелкает элемент, а затем возвращается и ожидает вернуться на ту же позицию.

Проблема с динамическим контентом заключается в том, что браузеру требуется некоторое время для его отображения. В зависимости от того, что это такое, это может занять от нескольких миллисекунд до многих секунд (например, плохой 3G и просмотр с 1000 изображений). И пока происходит этот рендеринг, вы никогда не знаете, где должен закончиться свиток. Это можно решить, добавив тайм-ауты и настроив прокрутку до тех пор, пока мы почти не будем уверены, что страница находится в правильном месте. Но обычно это бардак.

Вы говорите, что страница перезагружается? Обычно страницу необходимо «перезагрузить», если пользователь меняет маршрут и тому подобное. Если данные, которые вы загружаете, представляют собой новую страницу, я понимаю, почему вам нужно перезагрузить. Но если это запрос API для каких-то других данных; есть возможность не перезагружать страницу? Если это возможно, вы можете удалять и добавлять элементы вместо перезагрузки всей страницы.

04.08.2017
  • Это данные из запроса API. Это вариант не перезагружать страницу, но не первый выбор. 04.08.2017
  • Вы можете написать скрипт, который проверяет, находится ли элемент в правильном положении, и прокручивает его в правильное положение, если нет. Вы (обычно) не знаете, когда страница отобразится, поэтому скрипт должен проверять несколько раз (возможно, рекурсивная функция, которая вызывается каждую секунду). Вы также должны остановить этот скрипт в какой-то момент, потому что, как только пользователь начинает прокручивать, мы не хотим, чтобы скрипт прокручивался назад. Если у вас есть изображения на странице, можно проверить, завершена ли их загрузка: stackoverflow.com/questions/20613984/ 04.08.2017
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..