Как рассчитать время загрузки страницы в Ionic 3 (одностраничное приложение)? - PullRequest
Новая
       19

Как рассчитать время загрузки страницы в Ionic 3 (одностраничное приложение)?

2 голосов
/ 08 мая 2019

Я создаю функцию, которая вычисляет время загрузки страницы для каждой страницы моего приложения Ionic 3 (я использую отложенную загрузку). Тем не менее, я в настоящее время застрял в проблемах:

  • Когда страница начинает создавать HTML?

  • Когда страница заканчивает создание HTML?

  • Когда страница завершает загрузку всех ресурсов на странице (изображения и т. Д.)?

Может кто-нибудь дать мне совет?

1 Ответ

0 голосов
/ 08 мая 2019

Следует обратить внимание на https://blog.ionicframework.com/navigating-lifecycle-events/, в котором содержится ионный жизненный цикл, например. ionViewDidLoad(): Срабатывает только тогда, когда представление сохраняется в памяти. Это событие НЕ запускается при входе в представление, которое уже кэшировано. Это хорошее место для задач, связанных с инициализацией.

Страницы Ionic 3 также являются угловыми компонентами, так что я бы хотел представить еще одну вещь - хуки компонентов. Эти методы запускаются на этапах жизненного цикла компонента.

https://angular.io/guide/lifecycle-hooks https://www.intertech.com/Blog/angular-component-lifecycle/

например. ngAfterViewInit(){ stopTimer() } //this method is fired once Angular initializes component and child component content

Чтобы достичь желаемого, у вас может быть провайдер, на который ссылаются обе страницы. Когда вы меняете страницу, запускайте таймер и останавливайте его, используя ngAfterViewInit() или другой более подходящий хук.

...