在响应设计上刷新聊天应用程序伙伴的状态视图

Chat application buddies presence status view refresh on response design?

本文关键字：伙伴应用程序状态视图聊天刷新响应更新时间：2023-09-26

使用自定义div s在表格单元格中显示好友状态的优化方法是什么?显示顺序为联机，然后脱机好友按字母顺序排列。

一种简单的方法是发送一个ajax请求，并在浏览器接收到基于排序数据结构的服务器响应后刷新/重新绘制整个好友表(页面的其余部分除外)。但我认为应该有一些其他更好的优化方式可能针对特定的div，重新排列它们或其他。

在带有自定义div的表格单元格中显示好友状态的优化方法是什么?

如果你想显示好友的列表，为什么不使用UL/LI元素而不是无意义的DIV元素呢?

显示顺序依次为"在线"好友，然后是"离线"好友。

好吧，你可以通过使用appendChild/insertBefore或类似的(或jQuery的append/prepend f.e)来重新安排现有的DOM元素，这将自动从它当前的父节点中删除元素，然后将其插入目标位置。

因此，将元素从元素#online重新分配到#offline将是简单的-但是由于您也希望按字母顺序排序，您必须事先确定要插入的元素的前后位置。

但是如果这些列表不会增长太大，那么我想我宁愿避免，只是替换整个列表与新的(排序)数据从服务器接收…因为我不确定如果循环通过其他元素来找出正确排序的插入位置实际上会比让浏览器重新构建整个东西更便宜。