Angularでイベントから無駄にChange Detectionを走らせないためにすべきこと - Qiita
概要 Angularの文脈でアプリを高速化するとは、ほぼChange Detectionまわりの最適化を行うことだと思われます。適切にChangeDetectionStrategy.OnPushを設定するのは当たり前ですね。他に、個人的にやってみて特に体感的に速くなったなーってのが、イベントなどから無駄なChange Detectionを走らせないようにすることです。 Change Detectionが走っているかどうかはNgZone#onMicrotaskEmptyから確認できます。 export class App { constructor(zone: NgZone) { zone.onMicrotaskEmpty.subscribe(() => { console.log('detect change'); }); } } 明らかにおかしな回数呼ばれている場合は、どこかで無駄打ちし
Renderer2 in Angular - ConcretePage.com
This page will walk through Angular Renderer2 example. The Renderer2 is used for UI rendering manipulation. Using Renderer2, 1. We can create element, provide a text and then it can be appended with any existing element at run time on any event of an element. 2. We can add and remove CSS classes, styles, HTML attributes to change the UI. 3. We can set DOM property with a value at run time. 4. We c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
