前端发展趋势技术讲解-PWA_pwa前景-程序员宅基地

技术标签: 前端发展趋势  前端趋势技术  PWA简介  前端趋势发展技术  前端技术-PWA  前端最新趋势讲解之PWA  前端概念性的内容  

一、背景

从2018年到现在,作为号称下一代web应用模型的PWA,逐渐成为了一个各大前端厂商争先恐后进行涉足,布局的一个新的技术, 其主要的对标物Native app,作为现在最主流的移动端应用,它的安全,性能,用户体验的确明显领先于其他互联网载体,但是原生App始终有一些缺点,比如:

  1. 昂贵开发成本
  2. 软件上线,版本更新都需要发布到不同的商店,并通过审核

有些APP你可能使用频率特别少,但是你还是不得不去商店中下载庞大安装包,或者可能一段时间不使用以后,随着版本的更新,你也不得不去重新更新并安装。
PWA技术的作为web应用,其天生优势能很好的解决以上的问题。

二:PWA是什么?

它的中文意思是渐进式Web应用程序
英文是Progressive Web App
PWA 能做到原生应用的体验不是靠特指某一项技术,而是经过应用一些新技术进行改进,在安全、性能和体验三个方面都有很大提升,PWA 本质上是 Web App,借助一些新技术也具备了 Native App 的一些特性,兼具 Web App 和 Native App 的优点。

三:PWA 的主要特点:
  1. 可靠 - 即使在不稳定的网络环境下,也能瞬间加载并展现
  2. 体验 - 快速响应,并且有平滑的动画响应用户的操作
  3. 粘性 - 像设备上的原生应用,具有沉浸式的用户体验,用户可以添加到桌面
四:PWA的主要特性:
  1. 渐进式 - 适用于所有浏览器,因为它是以渐进式增强作为宗旨开发的
  2. 连接无关性 - 能够借助 Service Worker 在离线或者网络较差的情况下正常访问
  3. 类似应用 - 由于是在 App Shell 模型基础上开发,因为应具有 Native App 的交互和导航,给用户 Native App 的体验
  4. 持续更新 - 始终是最新的,无版本和更新问题
  5. 安全 - 通过 HTTPS 协议提供服务,防止窥探和确保内容不被篡改
  6. 可索引 - 应用清单文件和 Service Worker 可以让搜索引擎索引到,从而将其识别为『应用』
  7. 粘性 - 通过推送离线通知等,可以让用户回流
  8. 可安装 - 用户可以添加常用的 webapp 到桌面,免去去应用商店下载的麻烦
  9. 可链接 - 通过链接即可分享内容,无需下载安装
五:核心功能:

PWA并不是单指某一项技术,你更可以把它理解成是一种思想和概念,目的就是对标原生app,将Web网站通过一系列的Web技术去优化它,提升其安全性,性能,流畅性,用户体验等各方面指标,最后达到用户就像在用app一样的感觉。

  1. Web App Manifest
  2. Service Worker
  3. Cache API 缓存
  4. Push&Notification 推送与通知
  5. Background Sync 后台同步
  6. 响应式设计

具体功能请移步至PWA

六:PWA的发展趋势

2016年, PWA在google正式落地,基于 Chromium 的浏览器 Chrome 和 Opera 已经完全支持 PWA 了
随着 iOS 11.3 的发布,iOS正式开始支持PWA
Windows Edge 支持PWA
随着越来越多的游览器大厂,相继的对PWA做出了支持和优化,想必PWA的时代即将到来。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43606158/article/details/90899484

智能推荐

JS异步编程的解决方案_js异步解决方案-程序员宅基地

文章浏览阅读2k次。js 异步编程_js异步解决方案

Hbase数据导出实例_hbase shell 导出查询-程序员宅基地

文章浏览阅读2.8k次。 Hbase数据导出实例 需求:根据时间范围、区域等条件查询,将hbase中终端采集数据最大时间、最小时间的日志数据导出参考文档:http://blog.csdn.net/qq_27078095/article/details/56482010https://www.cnblogs.com/szw-blog/p/5512349.htmlhttp://bl..._hbase shell 导出查询

如何阅读一份源代码?_如何阅读一套战斗系统的源码-程序员宅基地

文章浏览阅读294次。先跑起来开始阅读一份项目源码的第一步,是先让这个项目能够通过你自己编译通过并且顺利跑起来。这一点尤其重要。有的项目比较复杂,依赖的组件多,搭建起一个调试环境并不容易,所以并不见得是所有项目都能顺利的跑起来。如果能自己编译跑起来,那么后面讲到的情景分析、加上调试代码、调试等等才有展开的基础。就我的经验而言,一个项目代码,是否能顺利的搭建调试环境,效率大不一样。跑起来之后,又要尽量的精简自己的..._如何阅读一套战斗系统的源码

android浏览器默认主页的更改_yandex设置主页-程序员宅基地

文章浏览阅读1k次。系统:android4.0.4在android/packages/apps/Browser/res/res/values/string.xml中红色部分 http://www.google" and the user signs up the device with a Google sites account, the site's_yandex设置主页

详细谈谈Java过滤器的作用?_过滤器java-程序员宅基地

文章浏览阅读384次。web服务器在调用doFilter方法时,会传递一filterChain对象进来,filterChain对象是filter接口中最重要的一个对象,它也提供了一个doFilter方法,开发人员可以根据需求决定是否调用此方法,调用该方法,则web服务器就会调用web资源的service方法,即web资源就会被访问,否则web资源不会被访问。Servlet API中提供了一个Filter接口,开发web应用时,如果编写的Java类实现了这个接口,则把这个Java类称之为过滤器Filter。_过滤器java

商城项目day2_gin 商城项目-程序员宅基地

文章浏览阅读178次,点赞2次,收藏2次。今天来写一下管理员的Service层,创建ManageService接口,该接口继承BaseService接口,然后再创建接口的实例ManageServiceImpl@Servicepublic class ManageServiceImpl extends BaseServiceImpl<Manage> { @Autowired ManageMapper manageMapper; @Override public BaseDao<Manage>_gin 商城项目

随便推点

数据结构与算法(三)滑动窗口(python)_移动滑动窗口python-程序员宅基地

文章浏览阅读278次。题目:给定一个字符串s,请你找出其中不含有重复字符的的长度。_移动滑动窗口python

使用recycleView中拖拽条目移动重排序的代码实现_baserecyclerviewadapterhelper拖动顺序-程序员宅基地

文章浏览阅读692次。工作日志记录,方便以后使用:具体效果如下:具体代码如下(两种实现方式都在MainActivity.java中):MainActivity.java代码如下:package com.xuganwen.testdrag;import androidx.annotation.NonNull;import androidx.appcompat.app.AppCompatA..._baserecyclerviewadapterhelper拖动顺序

基本的 Python socket 模块-程序员宅基地

文章浏览阅读52次。ocket 模块Socket 模块提供了 UNIX 程序员所熟悉的基本网络服务(也称为 BSD API)。这个模块中提供了在构建 socket 服务器和客户机时所需要的所有功能。这个 API 与标准的 C API 之间的区别在于它是面向对象的。在C中,socket描述符是从socket调用中获得的,然后会作为一个参数传递给BSD API函数。在Python中,socket 方法会向应用so...

字符串的基本操作,c语言实现_c语言中字符串基本操作-程序员宅基地

文章浏览阅读2.6k次。话不多说,直接上代码。如果有什么错误,直接喷!#include <stdio.h>#include <stdlib.h>#define LEN 100#define LENINC 10int main(){ char string[LEN] ; char string1[] = {"asdfghjkl"}; char stri..._c语言中字符串基本操作

为什么工厂模式是华而不实的—浅谈工厂模式的利与弊_工厂模式 很扯淡-程序员宅基地

文章浏览阅读262次。转载请注明出处:http://blog.csdn.NET/singwhatiwanna/article/details/17428923说明:博主虚心接受大家的抨击,批评,指正前言我一直想介绍下工厂模式,我曾经搞过J2EE,用的是轻量级SSH框架,其中spring有IOC概念,可以称之为控制反转或者依赖注入,在系统开发中,IOC可以很好的替代工厂模式。若干年前,我只用过IOC,_工厂模式 很扯淡

30.openssl编程——PCKS12_openssl生成pck12-程序员宅基地

文章浏览阅读562次。30.1 概述pkcs12(个人数字标准)用于存放用户证书、crl、用户私钥以及证书链,pkcs12中的私钥是加密存放的。30.2 openssl实现openssl的pkcs12实现在crypto/pkcs12目录,有如下源码:目录架构用途p12_add.c处理PCKS12_SAFEBAG, PKCS12_SAFEBAG用于存放正数和私钥相关的信息p12_attr.c属性处理p12_ct..._openssl生成pck12

推荐文章

热门文章

相关标签