HTML格式的日志文件查看器

Question

我即将实现基于HTML的日志文件查看器。更新量的变化范围为每秒1-10次更新 服务器是基于WebSocket的，也将由我开发 - 我已经构建了一个基于Fleck的原型，这一面看起来很好。

• 除了纯文本字段之外还有其他智能HTML字段吗？ 我可以用来更新吗？
  
• 您是否建议我收集更新并使用已修复的更新 更新间隔？ 我想在服务器中添加更新间隔会更有效率，对吧？我是Java Script和HTML 5的新手，所以如果这些问题很简单，请不要太苛刻。

Answer 1

我即将构建一个类似的应用程序，因此我玩了一点，比较了1.）为每个日志行附加DOM元素的性能，2）为每个日志行附加一个表行，以及3。 ）使用textarea标签：

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

虽然使用textarea从查看器中删除所有行的速度最快，但填充它所需的时间最长。此外，似乎没有比textarea手动字符串连接更快的方法。将元素附加到DOM（即，每个日志行一个文本元素和一个＆lt; br＆gt;元素）肯定是最快的，基于表格的版本紧随其后。此外，使用DOM元素将允许您执行更高级的操作，例如着色单个单词，而不是使用textareas。但是，我还没有测试过它对性能的影响。

当您实现查看器时，请务必记住，当您尝试显示无限数量的行时，浏览器实际上会快速制动。因此，只需在缓冲区中保留一定数量的最新行（如终端通常那样）并仅显示它们。