App Shell Skeleton,MVC和PRPL模式之间的具体区别是什么?

时间:2019-04-23 22:22:01

标签: model-view-controller design-patterns web-applications progressive-web-apps

我习惯于使用MVC模式进行Web开发,但我想开发一个pwa。我看到了有关App Shell模型,MVC,PRPL模式的信息,但我不了解它们之间的具体区别。而且我想知道。

1 个答案:

答案 0 :(得分:0)

根据文档:

App Shell Model

  

应用程序“外壳”是所需的最少HTML,CSS和JavaScript   为用户界面供电,当离线缓存时,可以确保即时,   重复访问给用户带来可靠的良好效果。

简而言之,您可以将App Shell视为页面框架,即使您的应用程序离线,它也必须存在。这对于具有大量JavaScript架构的单页应用程序很有用。

Model View Controller

  

对于MVC,是一种将应用程序分开的体系结构模式   分为三个主要的逻辑组成部分:模型,视图和   控制器。

最常用的MVC框架是ASP.NET。根据PWA的结构:您的网站应启用HTTPS并且您的网站应具有响应能力,因此ASP.NET提供了编程模型,全面的软件基础结构以及为PC和移动设备构建健壮的Web应用程序所需的各种服务。并且可以在HTTP协议之上运行。 简而言之,它支持PWA的构建。

PRPL Pattern

  

PRPL是用于构建和提供渐进式Web应用程序的模式   (PWA),重点放在应用交付和   发射。它代表:

     
      
  • 推送关键URL的关键资源。
  •   
  • 渲染初始路径。
  •   
  • 预缓存剩余的路由。
  •   
  • 延迟加载并根据需要创建其余路由。
  •   

仅向客户(CSS,JS和其他静态资产)提供服务,以仅满足客户在当前请求页面上使用的内容。在那之后,资源将被缓存。简而言之,这用于构建现代PWA。

PRPL的结构为:

  • 应用程序的主要入口点,可通过每条有效路线提供服务。
  • 外壳或应用程序外壳,其中包括顶级应用程序逻辑,路由器等。
  • 该应用的片段延迟加载。