HTMLのログファイルビューア

Question

私は、HTMLベースのログファイルビューアを実装しようとしています。更新量は1秒あたり1〜10回更新されます
サーバーはWebSocketベースで、私によっても開発されます。Fleckベースのプロトタイプを構築しました。

• 私が更新するために使用することができ プレーンテキストフィールド以外の任意の他のスマートHTMLフィールドがありますか？
  
• 更新を収集し、更新間隔を固定した で作業することをお勧めしますか？ サーバーに更新間隔を追加する方が効率的だと思いますよね？
  私はJava ScriptとHTML 5の新機能ですので、これらの質問が些細なものであれば、あまり厳しくしないでください。

Answer 1

私は同様のアプリケーションを作成しようとしています。そのため、1）各ログ行にDOM要素を付ける、2）ログ行ごとにテーブル行を添付する、そして3）textareaタグ使用：ビューアからすべての行を除去しながら

http://jsfiddle.net/PBzg5/18/

はそれを埋めるために、最長かかりテキストエリアで最速です。また、テキストエリアの手作業による文字列連結よりも速い方法はないようです。 DOMに要素を添付する（つまり、1つのテキスト要素と1つのログ行に1つの< br>要素があります）、テーブルベースのバージョンはかなり遅れています。また、DOM要素を使用すると、テキストエリアを使用する場合よりも個々の単語に色を付けるなどの高度な処理を行うことができます。しかし、私はこれのパフォーマンスの影響をまだテストしていません。

ビューアを実装する際には、無制限の行数を表示しようとすると、実際にブラウザがかなり早く減速することに注意してください。したがって、ある数の最新の行をバッファに保持しておくだけです（通常は端末がそうします）、それらを表示するだけです。