Knockout JS div 绑定相当大的文本使浏览器挂起
Knockout JS div binding pretty large text making the browser hung
我似乎是一个浏览器挂起的问题,当使用 knockout 呈现一个带有非常大的字符串的 div 时。
HTML:
<div data-bind="foreach: datas">
<div data-bind="jsontext: Info"></div>
</div>
JS:
数据是一个数组。它只有 1-2 个元素。但是datas[0].Info是一个字符串,很大,长度可能超过200万。渲染 "Info" 部分时,浏览器会挂起。
关于如何解决此问题,您有什么建议吗?似乎 DOM dov 无法呈现非常非常大的文本。如果你能给我推荐一些 JS 插件就更好了,这样它可以获得只加载屏幕的效果,如果我们需要更多,可以向上或向下滚动。
答案是:
- jsontext 文本很大时会挂起。虽然 data-bind="text: TextInfo" 没问题。
- 我用一些后台逻辑告诉,如果长度>20000,那么我们jasontext,否则我只显示部分内容,并为用户提供下载功能以查看完整内容。
我似乎是一个浏览器挂起的问题,当使用 knockout 呈现一个带有非常大的字符串的 div 时。
HTML:
<div data-bind="foreach: datas">
<div data-bind="jsontext: Info"></div>
</div>
JS: 数据是一个数组。它只有 1-2 个元素。但是datas[0].Info是一个字符串,很大,长度可能超过200万。渲染 "Info" 部分时,浏览器会挂起。
关于如何解决此问题,您有什么建议吗?似乎 DOM dov 无法呈现非常非常大的文本。如果你能给我推荐一些 JS 插件就更好了,这样它可以获得只加载屏幕的效果,如果我们需要更多,可以向上或向下滚动。
答案是:
- jsontext 文本很大时会挂起。虽然 data-bind="text: TextInfo" 没问题。
- 我用一些后台逻辑告诉,如果长度>20000,那么我们jasontext,否则我只显示部分内容,并为用户提供下载功能以查看完整内容。