Алексей КskyANAВообщем я хотел спросить: минимизирует-ли нокаут Reflow и Repaint? И если да, то какой механизм используется?

Kendo UI то jQuery-based, а jQuery вроде как оптимизирована в этом плане.Я тестировал на ожидаемых количествах записей...Что и как тестировал?

Minimizing browser reflow
Lindsey Simon, UX DeveloperRecommended knowledge: Basic HTML, basic Javascript, working knowledge of CSS

Reflow is the name of the web browser process for re-calculating the positions and geometries of elements in the document, for the purpose of re-rendering part or all of the document.
Because reflow is a user-blocking operation in the browser, it is useful for developers to understand how to improve reflow time and also to understand the effects of various document properties (DOM depth, CSS rule efficiency, different types of style changes) on reflow time.
Sometimes reflowing a single element in the document may require reflowing its parent elements and also any elements which follow it.

История одной оптимизации
Сергей Чикуёнок, 30 ноября 2010Летом мы запустили новый купонный проект BigBuzzy . Таких проектов к тому времени было довольно много и чтобы выделиться из толпы мы решили немного поменять бизнес-модель: вместо одного предложения в день выдавать четыре. Но, как это обычно бывает, аппетит приходит во время еды, поэтому уже спустя несколько месяцев на главной странице красовалось не 4, а 30 предложений.

И мы сразу же начали получать жалобы о жутких тормозах на главной странице. На поиск и устранение проблем у меня ушло два дня. О том, как находились узкие места и будет сегодняшний рассказ. А заодно научимся пользоваться инструментами вроде Web Inspector’s Timeline (если вы их ещё не освоили).

carrotikskyANA Minimizing browser reflow


...а вот кстати да ... я долго убивался, пока не убился, по поводу фиксированных шапок гридов для динамических таблиц ... В общем, нарисовал велосипед с определением ширины див-ов в ячейках и присваивания position и width дивам в шапке .. Хотя, есть подозрение, что нокаут это сам посчитает через ko.computed, но пока не стал сравнивать .. Работает - не трожь (с) .. :)То есть пишем минусик нокауту? :)

Алексей КskyANAпропущено...
Что и как тестировал?Запросил данные с сервера, отобразил на тестовой форме. Чисто визуально убедился, что работает достаточно быстро, быстрее этого .Ааааа... Ну так это не из той оперы.

Алексей КskyANAпропущено...
Ааааа... Ну так это не из той оперы.Ну почему же, из той. По нажатию кнопки "обновить" происходит пересоздание элементов tr в table, там и Reflow и Repaint. :-)Но замерял-то ты не это. А response time, да и то на глаз.

ViPRosskyANA,

а есть че нить, который налету винформ в веб превращает?Не встречал. И вообще это хрень полная, переносить WinForm интерфейс в веб.

Меняй стратегию доступа к данным.

kmawskyANAпропущено...
Ты знаешь, что такое Reflow, Repaint и из-за чего возникает?

что это такое, просветите, плиз?Выше пару ссылок запостил, почитай.

Awaiter, на основе чего Вы сделали такой вывод?

Нокаут и Кендо к ASP.NET прямого отношения не имеют и Вам вряд-ли придётся с ними познакомиться.

AngularJS vs. KnockoutJS

Производительность

Были произведены 2 теста: холодный старт приложения “Hello World!” и рендеринг массива из 1000 элементов.
На всех схемах по вертикали — миллисекунды, по горизонтали номер эксперимента.



Здесь хорошо видно, что холодный старт у Knockout происходит на много быстрее, чем у Angular.



А вот, когда речь заходит о рендеринге, здесь очевидно лидирует Angular.
Как мы видим для рендеринга 1000 строк Knockout тратит до 2,5 секунд в то же время Angular хватает меньше 500 миллисекунд для выполнения этой задачи.
Кроме того, отображение отрендеренных элементов на экране пользователя также занимает разное время: для Angular это 1-3 секунды, а для Knockout — 14-20 секунд.
Это происходит из-за того что Knockout генерирует строки, а Angular — DOM-элементы.

Резюме

Самый главный вопрос для меня заключался в определении области применения Angular и Knockout.
Проведя несколько простых экспериментов, я сделал следующие выводы:
Knockout применим в случаях, когда нет необходимости в создании сложной архитектуры, сложных workflow-ов.
Его основная функция — связь модели и представления, поэтому его лучше всего использовать для простых одностраничных приложений.
К примеру, создание различного уровня сложности форм.

Относительно Angular я пришел к выводу, что он будет полезен в тех случаях, когда требуется создание RichUI.
Настоящего и полноценного one-page приложения со сложной архитектурой и сложными связями.

kmawskyANAего лучше всего использовать для простых одностраничных приложений.
К примеру, создание различного уровня сложности форм

ну слава аллаху, ни для чего другого я его и не используюВот и славно.
Тогда забудь про Reflow и Repaint, легче будет запятые считать

ViPRosskyANA,

фигня это а не анализ
этот дюти чек в ангуляр - говно
нокаут концептуально лучше, а реализация может и говноА я и не претендую на всесторонний анализ.
Я обозначит вопрос, мне на него тут никто не ответил. Ну и ладно. Зато наткнулся на статью.