这是我参与11月更文挑战的第28天，活动详情查看：2021最后一次更文挑战
TIP 👉 英雄者，胸怀大志，腹有良策，有包藏宇宙之机，吞吐天地之志者也。——《三国演义》
前言
什么是PWA
PWA，即Progressive Web App, 是提升 Web App 的体验的⼀种新⽅法，能给⽤户原⽣应⽤的体验。
PWA并不是某⼀项特定的技术，⽽是⼀系列Web新技术与新标准的集合。通过灵活运⽤这些标准与技术，可以让 我们的⽤户获得渐进增强的体验。所以，其实PWA本质上依然是⼀个Web App。 有哪些优点
Reliable：加载⾮常迅速，即使在各种不确定的⽹络情况下也不会展示断⽹错误⻚
Fast：响应⽤户交互⾮常迅速，动画平滑，操作不会有卡顿
Engaging：拥有类似原⽣应⽤的体验
PWA都有哪⽤到了哪些技术
Web App Manifest：是⽤来定义⼀些与web相关的东⻄，例如：名称， icon，启动地址等。它是⼀个JSON格式， 它有以下⼏个属性配置：
为web应⽤程序预定义的背景颜⾊。此值在应⽤程序样式表中可以再次声明。它主要⽤于在样式表加载之前，当加 载manifest，浏览器可以⽤来绘制web应⽤程序的背景颜⾊。在启动web应⽤程序和加载应⽤程序的内容之间创建 了⼀个平滑的过渡。
"background_color": "red"
注意： background_color只是在web应⽤程序加载时提⾼⽤户体验，⽽当web应⽤程序的样式表可⽤时，不能替 代作为背景颜⾊使⽤。
提供有关Web应⽤程序的⼀般描述。
"description": "The app that helps you find the best food in town!"
dir 指定名称、短名称和描述成员的主⽂本⽅向。与lang⼀起配置，可以帮助正确显示右到左⽂本。
"dir": "rtl",
可选值:
- ltr (由左到右)
- rtl (由右到左)
- auto (由浏览器⾃动判断)。
注意：当省略时，默认为auto display 定义开发⼈员对Web应⽤程序的⾸选显示模式。
"display": "standalone"
有效值:
Note: 您可以使⽤显示模式媒体功能，根据显示模式选择性地将CSS应⽤到您的应⽤程序。 这可⽤于在从URL启动 ⽹站和从桌⾯图标启动⽹站之间提供⼀致的⽤户体验。
指定 name 和 short_name 成员中的值的主要语⾔。 该值是包含单个语⾔标记的字符串。
"lang": "en-US"
name 为应⽤程序提供⼀个⼈类可读的名称，例如在其他应⽤程序的列表中或作为图标的标签显示给⽤户。
"name": "Google I/O 2017"
「欢迎在评论区讨论」
