我创建了一个node-webkit应用程序,可以将数千个图像(确切地说是7,480个)从磁盘加载到HTML表中。大约3500张图像后,加载停止。在控制台中,我看到ERR_INSUFFICIENT_RESOURCES
。根据任务管理器的说法,当发生这种情况时,我的应用程序的内存(私人工作集)大约为1.37 GB。我怎样才能防止这种情况发生?我有办法增加这个限制吗?我应该提供哪些额外的细节才能获得帮助?
答案 0 :(得分:1)
过去当我遇到类似问题时,我将图像保存在内存中,并在滚动到视图中时将它们插入到dom中。
我创建了两个队列,一个用于图像,而不是向下滚动,另一个用于滚动过去的图像。这样,只有可见的图像出现在页面中。
如果下载时间是一个问题,请尝试将它们加载到内存中并查看会发生什么,您遇到的限制可能是将图像放在dom中,而不一定是将图像加载到内存中,值得一试。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image
var myImage = new Image(100, 200);
myImage.src = 'picture.jpg';