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

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 1 comment