我做(在 JavaScript/jQuery 中)繁重的计算。问题是这些计算阻塞了 UI 线程,我(尝试过)找不到避免这种情况的方法。
一些要求:
- 我无法使用 webWorkers
- 计算必须在客户端(我不能在服务器端进行 AJAX 调用)
我是一名 Android 程序员,所以我知道如何在 Java 中做到这一点(启动线程、进行计算、将数据发送到 UI 线程),所以我在这里尝试做同样的事情。
因此,这些繁重的计算只能有一个活动实例(我将制作一个 GIF 以告知用户他不能在此之前再次启动它),因此不需要管理多个调用(最后结束,开始新的)。
这是代码:
var datas = []; // 10000 datas here
function sortBy(param, paramType, order) {
var newArray = JSON.parse(JSON.stringify(datas));
window.setTimeout(function(){
var end = false;
for (var i = newArray.length - 1; i > 0 && !end; i--) {
end = true;
for (var j = 0; j < i - 1; j++) {
var sort = false;
if (paramType.localeCompare("str") == 0) {
if (newArray[j + 1][param].localeCompare(newArray[j][param]) < 0 && order.localeCompare("up") == 0) {
sort = true;
} else if (newArray[j + 1][param] > newArray[j][param] && order.localeCompare("down") == 0) {
sort = true;
}
} else if (paramType.localeCompare("nbr") == 0) {
if ((newArray[j + 1][param] - newArray[j][param]) < 0 && order.localeCompare("up") == 0) {
sort = true;
} else if ((newArray[j + 1][param] - newArray[j][param]) > 0 && order.localeCompare("down") == 0) {
sort = true;
}
}
if (sort) {
var tmp = newArray[j + 1];
newArray[j + 1] = newArray[j];
newArray[j] = tmp;
end = false;
}
}
}
datas = newArray;
}, 0);
}
我正在对数据进行排序(为了避免从服务器重新加载移动设备的数据,这就是为什么我不能在服务器端进行此操作)。
我试图在函数中复制(完整复制,无引用)数组,因为我认为包含数据的初始变量,因为她不在函数中,在 UI 线程上,并将其访问到函数调用 UI 线程。=> 不起作用。(所以我错了)。
setTimout( {computations}, 0)
如您所见,我尝试在 a 中启动计算,这是我在其他 Stack Overflow 类似问题上看到很多时间的解决方案 =>也不起作用。
我在基本的 JavaScript 环境中运行,我使用的唯一库是 jQuery。
那么,这里是否有一种方法可以强制此计算在其他线程(或类似的线程)中工作,或者更全局,不要阻塞 UI 线程?