<!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>
答案 0 :(得分:0)
Papa Parse并没有导致浏览器崩溃。
对于像Firefox这样的字符串,Chrome和Opera效率不高。你根本无法在内存中创建一个包含百万行和20列的字符串,就像你正在做的那样,并期望浏览器标签保持稳定。
注释掉Papa.Parse()
的来电,你就会明白我的意思:浏览器仍然崩溃。