-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в lj_ru_webdev

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.06.2005
Записей:
Комментариев:
Написано: 13


Как построить УМЫШЛЕННО тяжелую, неповоротливую страницу на Ангуляре?

Суббота, 27 Августа 2016 г. 16:05 + в цитатник
Вот известно, что Ангуляр - неповоротливый монстр, в отличие от Реакта и т.п.

Потому что дёрти чекинг для 2 way bindings etc

Я захотел реально прочувствовать, как такие тормоза выглядят

Но у меня как-то не особо получилось. В смысле, страницу сделал, но она не тормозит, как ожидалось. Наверно, неправильно сделал.

Что именно я сделал - я создал страницу, где есть две таблицы огромного размера (размер можно указывать самому, скажем 1000 строк).

Каждая клетка первой таблицы связана с соотв. клеткой второй таблицы через ng-model . Соответственно, если вы чего-то меняется (в поле инпут) в клетке, то вы видите, как данные в соотв. другой клетке тоже меняются. То есть, чтобы все эти связи работали, Ангулят создает огромное количество watchers которые следят, что происходит в каждой клетке.

Далее, я по циклу, с заданным интервалом (можно указать самому) обновляю данные в модели, так что Ангуляр должен обновить показ этих данных в тысячах клеток вью.

Все это прекратно работает, в том числе на мобильном телефоне - и нет тормозов, ну просто вообще нет.

В чем дело?

Посоветуйте как действительно сделать неповоротливую страницу на Ангуляре.

Если кому интересно, вот эта страница в действии (мобайл френдли, в том числе)
Надо указать размер таблицы и скорость обновления, и смотреть, есть ли тормоза
http://lentascope.net/static/angutest/index.html

вот код, если кому интересно
https://github.com/dmitri777/angutest

https://ru-webdev.livejournal.com/3307656.html


 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку