淘汰赛造成“慢行书”的警告,在IE(Knockout causing “slow running s

2019-06-23 23:31发布

我有观测和计算观测的网格。 第一行包含用作以下的所有行对价值乘数百分比率。 用户可以编辑的百分比率值和淘汰赛处理所有的级联更新。 我还需要一个单独的文本框,用户可以输入将被应用到每个网格中的百分比率的新的百分比率。

初始绑定工作正常,并更新1个百分率作品是好的了。

当用户通过视图模型更新每个百分比率以匹配进入的文本框和我循环的值发生的JavaScript警告。 网格列实际上是月度值,因此该循环更新的百分比率只执行12次。

我试图油门扩展,但它并没有解决问题。 有任何想法吗?

更新:不知道它会帮助,但我添加了一些代码

$("#NewRate").change(function (e) {
    var newRate = parseFloat($(this).val());
    for (var i = 0; i < 12; i++) {
        viewModel.resourceCategory.monthAmounts[i].amount(newRate);
    }
});

function ConvertToDate(jsonDateString) {
    var re = /-?\d+/;
    var m = re.exec(jsonDateString);
    return new Date(parseInt(m[0]));
}

function MonthAmount(amount, dateKey) {
    var self = this;
    self.amount = ko.observable(amount).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE
    self.dateKey = ConvertToDate(dateKey);
    self.monthIndex = self.dateKey.getMonth();
}

function ResourceCategory(name, monthAmounts) {
    var self = this;
    self.name = name;

    self.monthAmounts = ko.utils.arrayMap(monthAmounts, function (monthAmount) {
        return new MonthAmount(monthAmount.Amount, monthAmount.DateKey);
    });

    self.totalAmount = ko.computed(function () {
        var sum = 0;
        for (var i = 0; i < self.monthAmounts.length; i++) {
            sum += parseFloat(self.monthAmounts[i].amount());
        }
        return sum.toFixed(2);
    }).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE

    self.averageAmount = ko.computed(function () {
        return (self.totalAmount() / self.monthAmounts.length).toFixed(2);
    }).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE

}
function ResourceCategoriesMonthTotal(monthIndex, resourceCategories) {
    var self = this;
    self.monthIndex = monthIndex;
    self.dateKey = new Date(new Date().getFullYear(), monthIndex, 1);
    self.amount = ko.computed(function () {
        var val = 0;
        for (var i = 0; i < resourceCategories.length; i++) {
            val += parseFloat(resourceCategories[i].monthAmounts[self.monthIndex].amount());
        }
        return (val).toFixed(2);
    }).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE
}

self.resourceCategoriesMonthTotals = new Array();
for (var monthIndex = 0; monthIndex < 12; monthIndex++) {
    self.resourceCategoriesMonthTotals.push(new ResourceCategoriesMonthTotal(monthIndex, self.resourceCategories));
}

self.resourceCategoriesTotal = ko.computed(function () {
    var val = 0;
    for (var i = 0; i < self.resourceCategoriesMonthTotals.length; i++) {
        val += parseFloat(self.resourceCategoriesMonthTotals[i].amount());
    }
    return (val / self.resourceCategoriesMonthTotals.length).toFixed(2);
}).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE

Answer 1:

听起来就像是问题是,当你

通过视图模型循环更新各项百分比率相匹配

如果是,那么一个答案为IE是通过使用超时(0)呼叫,以产生到浏览器。 当你的JS超时后恢复,做循环的下一个迭代,然后又超时。

当我这样做,我只是做了超时如果我闻了闻,这是一个IE浏览器。 否则,没有必要的。



Answer 2:

好吧,这很臭,但我认为问题是,我有这个我的网页上:

<div data-bind="text: ko.toJSON($root)"></div>

之后我删除,它没有给我“慢行书”的警告。



文章来源: Knockout causing “slow running script” warning in IE