Обновления статуса присутствия чата приложения приложения чата при построении ответа?

Question

Что такое оптимизированный способ отображения статуса присутствия друзей в ячейке таблицы с пользовательскими div? Заказ дисплея должен быть Онлайн, а затем Оффлайн друзей отсортировано в алфавитном порядке.

Один грубый способ - отправить запрос ajax и обновить/перерисовать всю таблицу друзей (кроме остальной страницы), как только браузер получит ответ сервера на основе отсортированной структуры данных. Но я думаю, что также должен быть какой-то другой оптимизированный способ, который может ориентироваться на конкретные div, переупорядочивать их или что-то еще. Любая помощь в этом направлении приветствуется.

Answer 1

Что такое оптимизированный способ отображения статуса присутствия друзей в ячейке таблицы с пользовательскими div?

Если вы хотите отобразить -списки друзей, почему бы не использовать UL/LI элементов вместо бессмысленного DIV?

Порядок показа должен быть онлайн, а затем Offline друзей отсортированы в алфавитном порядке.

Ну, вы можете перестраивать существующий элемент DOM с помощью appendChild/insertBefore или тому подобное (или JQuery в append/prepend Fe) - это автоматически удалит элемент из его текущего родительского узла, прежде чем вставить его в цель должность.

Таким образом, для переназначения элемента из элемента #online в #offline было бы просто - но так как вы хотите также заказать алфавитный заказ, вам нужно будет выяснить положение элемента для вставки до/после заранее.

Но если эти списки не будут расти тоже большой, то я думаю, что я бы предпочел избежать этого и просто заменить все списки новыми (отсортированными) данными, полученными с сервера ... потому что я не конечно, если зацикливание через другие элементы для определения правильно отсортированной позиции вставки будет фактически дешевле, чем браузер просто перестроит весь материал за один раз.