认识达内从这里开始

随着互联网的不断发展，我们在进行网站建设和网页开发的时候，大部分都是采用的响应式的方式来进行操作的。下面我们就一起来了解一下，除了响应式以外，还有哪些方法可以用来进行web前端开发。

渐进式Web应用的原则

Responsive(响应式)

对于Web开发人员，这意味着应用程序中显示的元素在不同的屏幕大小上可自行缩放，以便适应屏幕尺寸。对于设计人员，这意味着更高的性能，比如应用程序是否快速响应用户交互、事件、页面加载等。构建高性能的应用程序是产品核心的竞争力，渐进式Web应用程序自然也同样遵循这一法则，尤其是针对Web开发人员方面。响应式Web应用程序在任何设备上都具备同样良好的适应能力，无论屏幕是宽、窄、短，甚至是曲面，应用程序布局都会自适应，满足用户的佳使用体验。

Connectivity-independent(独立连接)

由于我们讨论的是Web应用程序，因此在应用程序生命周期的某个时刻一定需要网络连接，特别是次访问应用程序时。当网络不可用或速度太慢时，应用程序应做到不影响用户体验，即不应向用户显示空白页面或400错误，这在PWA出现以前难以做到，但PWA利用浏览器的存储机制使这成为可能。

App-like(app的样式)

我认为“原生app-like”是描述这一原则的好方式，即本地化应用程序的外观和感觉就像是用于使用外部设备，某些应用程序专门针对iOS或Android等平台构建，然而之前的Web应用程序则无法提供相同的体验，尤其是在移动设备上。PWA则不同，渐进式Web应用程序旨在提供所有设备类似的使用体验，用户可以从手机切换到笔记本电脑，在类似的UI下，轻松完成相同的任务。

Fresh(不断更新)

我想把它称为A.F.A.P-应用程序中的数据应尽可能保持新。如果新数据可用且与客户端相关，则需要使用新数据更新应用程序。管理网络请求和浏览器存储对于提供出色的用户体验和在客户端上保持新内容至关重要。

Safe(安全一)

安全一!如果应用程序不能保证数据的安全性，应用程序有什么用处?市场大多数Web应用程序中都包含了只应为通信方所知的客户敏感信息。因此，保护应用程序中的隐私数据是必要的。PWA采取了简单而有效的方式：使用HTTPS协议为网络流量添加一层安全防护。

Discoverable(可发现)

应用程序应该很容易在网上/应用商店中找到，这就是应用程序的可发现性。如果搜索引擎找不到应用程序，将怎样发掘潜在用户?应用程序搜索清单可以提供帮助。它在识别浏览器的应用程序方面起着重要作用，包含了有关应用程序的信息，即名称、作者和说明。应用程序搜索清单同样有助于识别安装在其设备上的PWA。

Re-engageable(可重用)

可重复使用的应用程序可以发送推送通知来拉回用户。目的是让用户知道应用程序推出了一些他们可能感兴趣的更新点。我们习惯于智能手机和原生移动应用程序，但浏览器也通过Push和NotificationAPI支持这一特点。

Installable(可安装)

渐进式Web应用程序可以直接安装到移动设备的主屏幕上。这主要是移动浏览器功能，使用Chrome，您也可以在桌面上执行此操作。iOSSafari也支持此功能，因此如果你有iPhone，你可以加入PWA阵营。安装Web应用程序真的很酷，您无需通过AppStore或GooglePlayStore等市场下载应用程序。只需访问该网站，点击“添加到主屏幕”选项，该应用程序将立即显示在您的主屏幕上。

Linkable(可链接)

可链接的Web应用程序是可共享的，因此托管在专用域上的应用程序不适用。您只需要一个URL即可。

节选：博客园

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。