search

Shimada666 / v-code-diff

A vue code diff display plugin, support Vue2 / Vue3
https://shimada666.github.io/v-code-diff/
MIT License
357 stars 62 forks source link

比对文件过大时，前端内存溢出，有什么内存限制的方法吗？ #109

Open kingkong2019 opened 7 months ago

Shimada666 commented 7 months ago

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

kingkong2019 commented 7 months ago

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

Shimada666 commented 7 months ago

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

enjoy-myLife commented 4 days ago

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

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

enjoy-myLife commented 4 days ago

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

Shimada666 commented 4 days ago

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

enjoy-myLife commented 4 days ago

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

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

enjoy-myLife commented 4 days ago

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

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

Shimada666 commented 4 days ago

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