УГЛОВОЙ | СТРАТЕГИЯ ОБНАРУЖЕНИЯ ИЗМЕНЕНИЙ
Стратегия обнаружения изменений Angular OnPush: иллюстрированное руководство
Стратегия обнаружения изменений OnPush от Master Angular с помощью этого иллюстрированного руководства.
Ах, обнаружение изменений — магия, которая заставляет приложения Angular тикать в буквальном смысле.
Для тех, кто не знаком с этим термином, это процесс, посредством которого Angular обнаруживает изменения. (да)
Вы знаете… проверка того, изменилось ли состояние приложения и нужно ли обновить какой-либо DOM.
Это может произойти двумя способами, которые называются стратегиями:
- стратегия
Default
и - стратегия
OnPush
.
В этой статье мы изучим две стратегии обнаружения изменений Angular. Мы будем использовать иллюстрации, чтобы объяснить, как эти два метода работают. К концу этой статьи вы узнаете, как стратегия OnPush
работает в самых разных сценариях.
Давайте начнем!
Символы и их значение
Данное руководство содержит несколько иллюстраций с символами. Итак, прежде чем мы углубимся в саму тему, давайте сначала познакомимся с символами и их значением.
В приложении Angular компоненты образуют древовидную иерархию, известную как дерево компонентов. Каждый компонент является узлом этого дерева.
Мы изобразим узел компонента в зависимости от того, какую стратегию он использует, следующим образом:
Далее мы изобразим узел, отправляющий событие (привязку события, привязку вывода или @HostListener), выполняющий обнаружение изменений или получающий входные данные (через привязку шаблона) следующим образом:
Это все, что мы собираемся использовать. Довольно просто, правда?
Что ж, вы всегда можете вернуться, чтобы быстро взглянуть, если вам понадобится освежить знания.