Javascript 聊天应用程序好友状态视图刷新响应设计？

使用自定义

div

s在表格单元格中显示好友状态的最佳方式是什么？显示顺序应为在线，然后按字母顺序排序

一种粗略的方法是，一旦浏览器收到基于排序数据结构的服务器响应，就发送ajax请求并刷新/重画整个好友表（页面的其余部分除外）。但我认为也应该有其他更好的优化方法，可以针对特定的部门，重新安排他们或其他什么。在此方向上的任何帮助都将不胜感激

使用自定义div在表格单元格中显示好友状态的最佳方式是什么

如果要显示好友列表，为什么不使用

UL

/

LI

元素而不是无意义的

DIV

显示顺序应为在线，然后按字母顺序排序

好的，您可以通过使用

appendChild

/

insertBefore

或类似工具（或jQuery的

append

/

prepend

f.e.）重新排列现有的DOM元素，这将在将元素插入到目标位置之前自动从其当前父节点中删除该元素

因此，将一个元素从on element

#online

重新分配到

#offline

是很简单的，但由于您也需要字母顺序，因此必须事先确定要插入的元素的位置

---

但是如果这些列表不会变得太大，那么我想我宁愿避免这种情况，而只是用新的（排序的）列表替换整个列表从服务器接收到的数据…因为我不确定通过循环其他元素来确定正确排序的插入位置是否比让浏览器一次性重建整个内容更便宜。

有趣的问题，您可能希望在问题中添加一些标记，使其更清晰、更具吸引力（

**粗体**、*斜体*

，段落）。请在Thank@CBroe中阅读，即使我是这样认为的，这也是我的代码目前运行的方式。除非有更好的办法，否则我会接受的。顺便说一句，对于第一点，我的意思是在表行中使用div。