Нокаут JS div, связывающий довольно большой текст, заставляющий браузер висели

Question

Я, похоже, проблема с браузером при использовании нокаута для рендеринга div с очень большой строкой.

HTML:

<div data-bind="foreach: datas"> 
    <div data-bind="jsontext: Info"></div> 
</div> 

JS: Данные является массивом. В нем всего 1-2 элемента. Однако datas [0] .Info - это строка, которая очень велика, длина может составлять более 2 миллионов. При рендеринге части «Информация» браузер будет висели.

Есть ли у вас рекомендации по устранению этой проблемы? Кажется, DOM dov не может сделать очень большой текст. Было бы хорошо, если бы вы порекомендовали мне какой-нибудь JS-плагин, чтобы он мог получить эффект, который загружает только экран, если нам нужно больше, прокручивать вверх или вниз.

Answer 1

Ответ:

1. jsontext будет повесила, когда текст очень велик. Хотя data-bind = "text: TextInfo" в порядке.
2. Я использую некоторую фоновую логику, чтобы указать, если длина> 20000, тогда мы jasontext, иначе я просто покажу часть содержимого и предоставим пользователю функцию загрузки, чтобы увидеть полный контент.