orleanz (orleanz) wrote in ru_webdev,
orleanz
orleanz
ru_webdev

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

Вот известно, что Ангуляр - неповоротливый монстр, в отличие от Реакта и т.п.

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

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

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

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

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

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

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

В чем дело?

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

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

вот код, если кому интересно
https://github.com/dmitri777/angutest
Subscribe
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

  • 1 comment