javascript - Knockout + 大数据集性能

Question

我有一个非常大的纬度/经度数据集，我希望能够在客户端进行过滤和显示。我已经尽我所能地分析和优化了，但是除了提高性能之外还有什么可以做的吗？

• 精度需要达到英里/公里级别。
• 我需要 IE 7/8/9/10 支持，尽管我接受进一步降低性能可能会变差的事实。
• 我对任何图书馆都没有绝对的依赖，只要是最适合工作的。

大致

• Chrome:1.1 秒
• Firefox:0.9 秒
• IE10:5.1 秒
• IE9:3 秒

http://jsfiddle.net/hRvKz/

// Apparently I must post code... but out of context it would make no sense.
// Checkout jsfiddle.

Answer 1

您的代码在条件和每个样本之间创建了依赖关系。 我创建了一个计算函数，以便在条件和示例数组之间创建依赖关系。这是为了仅创建一些依赖项。

修改后的代码只需要 20 毫秒，而原始代码需要 2700 毫秒。

viewModel.computedLocations = ko.computed( function () {
    var lat = viewModel.filters.lat();
    var lng = viewModel.filters.lng();

    var locs = viewModel.locations();
   ko.utils.arrayForEach(locs, function (item) {
        item.roughDistance = equirectangularApproximation(item.lat, item.lng, lat, lng);
        item.closeDistance = sphericalLawOfCosines(item.lat, item.lng, lat, lng);
        item.closeDistanceStatic = item.closeDistance;
        item.exactDistance = haversine(item.lat, item.lng, lat, lng);
    });
    return locs;
});

See fiddle

希望对你有帮助。