В чем конкретная разница между App Shell Skeleton, MVC и шаблоном PRPL? - PullRequest
0 голосов
/ 24 апреля 2019

Я привык использовать шаблон MVC для веб-разработки, но я хотел бы разработать pwa.Я видел информацию о App Shell Model, MVC, шаблоне PRPL, но я не понимаю конкретной разницы между ними.И я хотел бы знать это.

1 Ответ

0 голосов
/ 24 апреля 2019

На основании документации:

Модель оболочки приложения

Приложение "shell" - это минимальный HTML, CSS и JavaScript, необходимый для включите пользовательский интерфейс, а при кэшировании в автономном режиме можно обеспечить мгновенное надежно хорошая производительность для пользователей при повторных посещениях.

Короче говоря, вы можете думать о оболочке приложения как о каркасе страницы, который должен быть там, даже когда ваше приложение отключается. Это хорошо для одностраничных приложений с JavaScript-архитектурой.

Контроллер модельного представления :

Для MVC - это архитектурный шаблон, который разделяет приложение на три основных логических компонента: модель, представление и контроллер.

Наиболее используемая среда MVC - ASP.NET. В соответствии со структурой PWA: ваш веб-сайт должен быть включен HTTPS, а ваш веб-сайт должен быть адаптивным, поэтому ASP.NET предоставляет модель программирования, комплексную программную инфраструктуру и различные услуги, необходимые для создания надежных веб-приложений для ПК, а также мобильных устройств. и работает поверх протокола HTTP. Короче говоря, он поддерживает сборку для PWA.

PRPL Pattern :

PRPL - это шаблон для структурирования и обслуживания Progressive Web Apps. (PWA), с акцентом на производительность доставки приложений и запуск. Он обозначает:

  • Нажмите критических ресурсов для начального URL-маршрута.
  • Визуализация начальный маршрут.
  • Предварительный кеш Остальные маршруты.
  • Ленивая загрузка и создание оставшихся маршрутов по требованию.

Он предназначен для обслуживания клиента (CSS, JS и других статических ресурсов) только тому, что будет использоваться клиентом на текущей запрашиваемой странице. При этом ресурс будет кэширован. Короче говоря, это используется для построения современного PWA.

Структура PRPL:

  • Основная точка входа приложения, которое обслуживается со всех действительных маршрутов.
  • Оболочка или app-shell , которая включает логику приложения верхнего уровня, маршрутизатор и т. Д.
  • Лениво загруженные фрагменты приложения.
...