大字符串与Papa解析导致Chrome和Opera崩溃

如果我试图解析包含约20列约100万行的“大”csv字符串，Papa Parse似乎导致Chrome和Opera崩溃（Windows 7）。在Firefox中成功加载相同页面的位置。即使在调用Parse之前，Chrome和Opera也会崩溃，前提是我定义了一个大的csv字符串，并将<脚本>标记包含到papaparse.js库中。如果我不包含papaparse.js的<脚本>标记，创建大型csv字符串没有问题，但是我无法解析它们。在我的实际使用情况中，我不是在javascript中生成大型csv字符串，而是将它们拉出zip压缩文件。如果使用步骤或块功能，似乎没有任何区别。你可以在这里运行测试用例。 Test Case 问题代码;大字符串与Papa解析导致Chrome和Opera崩溃

<!doctype html> 
<html> 

<script src="http://papaparse.com/resources/js/papaparse.js"></script> 

<body> 

<script> 

function my_createMockCSV(rows) { 
    var my_csv="a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v\r\n"; 
    for (var i=1; i<rows; i++) { 
    my_csv+= i+","+ i+","+ i+","+ i+","+ i+","+ i+","+ i+","+ i+","+ 
      i+","+ i+","+ i+","+ i+","+ i+","+ i+","+ i+","+ i+","+ 
      i+","+ i+","+ i+","+ i+","+ i+","+ i+","+"\r\n"; 
    } 
return my_csv; 
} 


function parseCSV(csv) { 

var rowcount=0; 

Papa.parse(csv, 
       { 
       delimiter: ',', 
       worker: false, 
       encoding: 'default', 
       header: true, 
       chunk: function(results) { 
       rowcount+= results.data.length; 
       console.log("Parsed rows: "+rowcount); 
       }, 
      complete: function (results) { 
       console.log("Complete - parsed: "+rowcount+" rows"); 
       } 
      }); 

} 

function run_testcase() { 
rows=document.getElementById("rows").value; 
//parseCSV(my_createMockCSV(rows)); 
console.log("Begin Generating CSV ..."); 
alert("About to generate Mock CSV"); 
var my_csv=my_createMockCSV(rows); 
console.log("End Generating CSV ..."); 
alert("About to parse Mock CSV"); 
parseCSV(my_csv); 
} 

</script> 

Papaparse test case script: Will crash Chrome, Opera<br/> 

Rows: <input id="rows" type="number" value="1000000"> (Try around 1mil rows) 
<button onclick="run_testcase();">Run</button> 

</body> 
</html>

来源

2015-05-12 hhtx

Papa Parse不会导致浏览器崩溃。

Chrome和Opera对Firefox等字符串效率不高。您无法在内存中创建一个包含百万行和20列的字符串，并且希望浏览器选项卡保持稳定。

注释掉电话Papa.Parse()，您会看到我的意思：浏览器仍然崩溃。

来源

2015-05-12 12:45:24 Matt

大字符串与Papa解析导致Chrome和Opera崩溃

回答

相关问题