model-view-controller - App Shell Skeleton，MVC和PRPL模式之间的具体区别是什么？

Question

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

标签： model-view-controllerdesign-patternsweb-applicationsprogressive-web-apps

Answer 1

根据文档：

应用外壳模型

应用程序“shell”是为用户界面提供动力所需的最少 HTML、CSS 和 JavaScript，当离线缓存时，可以确保用户在重复访问时获得即时、可靠的良好性能。

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

模型视图控制器：

对于 MVC，是一种架构模式，它将应用程序分为三个主要逻辑组件：模型、视图和控制器。

最常用的 MVC 框架是 ASP.NET。根据 PWA 的结构：您的网站应该启用 HTTPS，并且您的网站应该是响应式的，因此 ASP.NET 提供了为 PC 和移动设备构建强大的 Web 应用程序所需的编程模型、全面的软件基础架构和各种服务并在 HTTP 协议之上工作。简而言之，它支持 PWA 的构建。

PRPL 模式：

PRPL 是一种用于构建和服务渐进式 Web 应用程序 (PWA) 的模式，重点是应用程序交付和启动的性能。它代表：

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

它旨在为客户端（CSS、JS 和其他静态资产）仅提供客户端在当前请求页面上使用的内容。在那之后，资源将被缓存。简而言之，这用于构建现代 PWA。

PRPL的结构是：

• 从每个有效路由提供的应用程序的主要入口点。
• shell 或 app-shell ，其中包括顶级应用程序逻辑、路由器等。
• 延迟加载的应用程序片段。