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

时间:2013-04-15 10:21:06

标签: javascript html html5 xhtml

使用自定义div s在表格单元格中显示朋友在线状态的优化方法是什么?显示顺序应为在线,然后离线朋友按字母顺序排序。

一种粗略的方法是在浏览器根据排序的数据结构接收服务器响应后发送ajax请求并刷新/重绘整个朋友表(页面的其余部分除外)。但我认为应该有一些其他更好的优化方式,可以针对特定的div,重新排列它们或其他什么。感谢这方面的任何帮助。

1 个答案:

答案 0 :(得分:0)

  

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

如果您想要显示朋友的列表,为什么不使用UL / LI元素而不是无意义的DIV

  

显示顺序应为在线,然后离线好友按字母顺序排序。

好吧,您可以使用appendChild / insertBefore等(或jQuery的append / prepend fe)重新排列现有DOM元素 - 这将自动删除在将其插入目标位置之前,该元素来自当前父节点。

所以将一个元素从元素#online重新分配到#offline会很简单 - 但是既然你想要字母排序,你必须弄清楚要插入的元素的位置/之后。

但如果这些列表不会增长大,那么我想我宁愿避免这种情况,只需用从服务器收到的新(已排序)数据替换整个列表......因为我不确定是否循环通过其他元素来确定正确排序的插入位置实际上比让浏览器一次性重建整个东西要便宜。