JavaScriptを使用した「オンライン」ユーザーのリフレッシュ

Question

私はオンラインのユーザー（ユーザー名+プロフィール写真）を表示するチャットアプリを持っています。基本的に、どのユーザーがオンラインになっているかを確認し、リストを自動的に更新するajax投票があります。また、リストは最後のアクティビティに基づいて並べ替えられます。

私はそれをやってきた方法は次のとおりです。現在のオンラインユーザーの

1. のGetリスト
2. クリア既存の要素
3. それらを再度追加（STEP1から返されたリストので、正しく並べられます

これはChromeで問題なく動作しますが、Firefoxで画像が再表示されている間に「ちらつき」効果が発生していることがわかりました。

これを行うにはどのような方法が最適ですか？彼らは正しい順序でそれらを移動するなど、要素が存在するアルゴリズムチェックを作成することはあまりにも難しいようです。思考？

Answer 1

ユーザーがまだオンラインであるかどうかを確認する頻度はどのくらいですか？

私はユーザーレコードにユニークなIDを付けることができますので、今オンラインだったユーザーの新しいリストに対してオンラインだったユーザーのリストを確認することができると思います。

ログオンしているユーザーが退室してフェードインします。

これははるかに洗練されたソリューションとなり、問題を解決します。

Answer 2

まず、「プリロード」手法を使用して、画像を別々に「キャッシュ」しようとします。それはImageオブジェクトを作成し、それをuserpicのURLにsrcに設定したときです。次に、それらのオブジェクトをすべてグローバル配列に格納します。これにより、ブラウザーが画面に表示されなくなったときにブラウザーが画像を消去することがなくなり、リストを再ロードするときにブラウザーを再度ロードする必要がなくなります。

これで解決できない場合は、実際には既存のリスト要素を再利用します。私はちょうど要素をひとつずつ見直して、その内容をリストから適切な内容に置き換えます。私がプロセスの既存の要素を使い果たした場合は、新しい要素を追加します。リストが終了したときに残っている要素があれば、それらを削除します。これはもう少し複雑ですが、一見すると複雑ではありません。