Просмотр файла журнала в 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.Присоединение элементов к DOM (т. Е. Один текстовый элемент и один элемент
на строку журнала), безусловно, происходит быстрее всего, за ним следует табличная версия.Кроме того, использование элементов DOM позволит вам делать более сложные вещи, такие как раскраска отдельных слов, чем при использовании текстовых полей.Тем не менее, я еще не проверял влияние этого на производительность.

Когда вы реализуете свою программу просмотра, не забывайте, что браузеры на самом деле довольно быстро тормозят, когда вы пытаетесь отобразить неограниченное количество строк.Поэтому просто сохраните определенное количество самых новых строк в буфере (как это обычно делают терминалы) и только отображайте их.