[PWA] Keynote: Progressive Web Apps across all frameworks

  • PWA: Add to home screen

[PWA] Keynote: Progressive Web Apps across all frameworks_第1张图片

[PWA] Keynote: Progressive Web Apps across all frameworks_第2张图片

 

  • Angular Universal Server side rendering: for achieving better proference on init loading

[PWA] Keynote: Progressive Web Apps across all frameworks_第3张图片

 

  •  Angular 2 CLI
    • ng new myapp --mobile

       

  • sw-precache: with webpack:

[PWA] Keynote: Progressive Web Apps across all frameworks_第4张图片

 

[PWA] Keynote: Progressive Web Apps across all frameworks_第5张图片

 

  • sw-toolbox: run time caching

[PWA] Keynote: Progressive Web Apps across all frameworks_第6张图片

 

  • angular2 material design:

[PWA] Keynote: Progressive Web Apps across all frameworks_第7张图片

 

  • *shellRender and *shellNoRender

[PWA] Keynote: Progressive Web Apps across all frameworks_第8张图片

*shellRender: Work as App Shell, happen before Angular 2 Component get rendered

*shellNoRender: Angular2 Component take place

 

GO PROGRESSIVE

 

转载于:https://www.cnblogs.com/Answer1215/p/5533273.html

你可能感兴趣的:(javascript,webpack,ViewUI)