v-code-diff icon indicating copy to clipboard operation
v-code-diff copied to clipboard

比对文件过大时,前端内存溢出,有什么内存限制的方法吗?

Open kingkong2019 opened this issue 1 year ago • 9 comments

kingkong2019 avatar Dec 05 '23 09:12 kingkong2019

文件有多大呢,把高亮语言设置成 plaintext 会好点么?

Shimada666 avatar Dec 05 '23 10:12 Shimada666

10W行,语言默认应该设置的就是plaintext 吧,前端浏览器内存一直增长到17G以上,然后内存不足页面崩溃。

kingkong2019 avatar Dec 05 '23 10:12 kingkong2019

有点夸张了..10w行已经不是前端渲染能承受的量了吧,单是diff都要diff非常久。你要不要考虑文件过大不进行展示?

Shimada666 avatar Dec 05 '23 10:12 Shimada666

有点夸张了..10w行已经不是前端渲染能承受的量了吧,单是diff都要diff非常久。你要不要考虑文件过大不进行展示?

我现在项目需要比对json,但是当达到1000行就有轻微卡顿,到4000行的时候就有明显卡顿,这个有考虑做一个懒加载嘛

enjoy-myLife avatar Jul 04 '24 07:07 enjoy-myLife

10W行,语言默认应该设置的就是plaintext 吧,前端浏览器内存一直增长到17G以上,然后内存不足页面崩溃 后面你是怎么解决的呢,我的才4000行,但是也有比较明显的卡顿

enjoy-myLife avatar Jul 04 '24 07:07 enjoy-myLife

性能瓶颈其实不在懒加载。这种巨大量级的对比,可以考虑 monaco editor,他们对比 10w 行都没问题 @enjoy-myLife

Shimada666 avatar Jul 04 '24 07:07 Shimada666

性能瓶颈其实不在懒加载。这种巨大量级的对比,可以考虑 monaco editor,他们对比 10w 行都没问题 @enjoy-myLife

好的好的,谢谢回复,我试下这个

enjoy-myLife avatar Jul 04 '24 08:07 enjoy-myLife

性能瓶颈其实不在懒加载。这种巨大量级的对比,可以考虑 monaco editor,他们对比 10w 行都没问题 @enjoy-myLife

有专门比对大体量json差异的插件推荐嘛,monaco editor包太大了,有18.44 MB,有点得不偿失了

enjoy-myLife avatar Jul 04 '24 08:07 enjoy-myLife

@enjoy-myLife 应该只是npm包大小吧,你可以试下引入后打包文件体积增加了多少

Shimada666 avatar Jul 04 '24 08:07 Shimada666