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

Question

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

Answer 1

根据文档：

App Shell Model

应用程序“shell”是最小的 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的结构是：

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