Профилирование KnockoutJS observableArray

Question

Я хочу, чтобы профиль observableArray в KnockoutJS, чтобы увидеть, как долго это займет, чтобы заполнить и отобразить observableArray в HTML.

Я планировал использовать старый школьный метод, как показано ниже. Являются ли результаты, которые я получу от этого, будут точными? Или есть лучший способ сделать это Профилирование

JavaScript

var arr = [], 
     itemCount = 200; 

    for (var i = 0; i < itemCount; i++) { 
     arr.push('item ' + i); 
    } 

    var t1 = new Date(); 
    var viewModel = { 
     items: ko.observableArray(arr), 
     vmName: ko.observable('View Model') 
    }; 

    ko.applyBindings(viewModel); 
    var t2 = new Date(); 


    console.log(t2 - t1); //Shows the time in milliseconds 

HTML

<div data-bind="foreach: items"> 
    <div data-bind="html: $data"></div> 
</div> 

Graph Я генерируемый из результатов

Answer 1

Как подсказывает ваш график , это в основном правильный путь сделать это. Это связано с тем, что ko.applyBindings является синхронным вызовом. См. Здесь: is ko.applyBindings synchronous or asynchronous?

Я бы сделал небольшую ревизию, так, потому что вам не интересно профилировать время, необходимое для создания наблюдаемых. Однако на этот раз это довольно незначительно и добавит только крошечный, если вообще есть, постоянный к профилированию.

var viewModel = { 
    items: ko.observableArray(arr), 
    vmName: ko.observable('View Model') 
}; 

var t1 = new Date(); 
ko.applyBindings(viewModel); 
var t2 = new Date(); 


console.log(t2 - t1); //Shows the time in milliseconds