Как эффективно и периодически обновлять содержимое таблицы начальной загрузки 4 из API отдыха? - PullRequest
Новая
       16

Как эффективно и периодически обновлять содержимое таблицы начальной загрузки 4 из API отдыха?

0 голосов
/ 21 мая 2018

Я хотел бы обновить таблицу Bootstrap v4 (https://getbootstrap.com/docs/4.0/content/tables) на основе значений, полученных со стороны сервера, например ресурса REST API.

В настоящее время я борюсь с различными подходаминиже:

  • Websockets
  • Webworker
  • Рекурсивный setTimeout + опрос ajax
  • Любое другое и лучшее решение?

Моим основным требованием будет то, что обновляется каждые 500 мс или меньше (например, цены на акции).

Также мне интересно, как наиболее эффективно обрабатывать отображение таблицы DOM.

1 Ответ

0 голосов
/ 21 мая 2018

Веб-работники не могут напрямую взаимодействовать с DOM, и ваша задача не настолько интенсивна.

Я бы сказал, WebSockets + DOM манипулирование с помощью атрибутов (данных) и отдельная вставка узлов вместо огромного куска вставленных сразу узлов.Это может быть немного медленнее, но нет особой разницы, и вы можете даже не заметить этого.См. Самая быстрая вставка DOM

Я бы обновлял вещи отдельно, потому что: 1) это более аккуратно и легко обслуживаемо, 2) вам не нужно беспокоиться о делегировании событий или повторной инициализации определенных вещей 3)Поток выглядит более естественным, вместо того, чтобы просто получить огромный кусок разметки и «вставить» его в DOM.

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

...