位置: IT常识 - 正文

渐进式 Web 应用程序介绍(渐进模式的特点)

编辑:rootadmin
渐进式 Web 应用程序介绍 💂 个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】

推荐整理分享渐进式 Web 应用程序介绍(渐进模式的特点),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:渐进式web应用,渐进式 Web 应用程序,渐进式 Web 应用程序,渐进式web应用,渐进式web应用程序最新版什么时候推出的,渐进式web应用,渐进式web应用程序最新版什么时候推出的,渐进式web应用程序最新版什么时候推出的,内容如对您有帮助,希望把文章链接给更多的朋友!

构建 PWA 背后的核心思想是为所有设备上的普通 Web 应用程序提供最佳用户体验。当我们通过浏览器访问 Web 应用程序时,整体体验永远赶不上原生应用程序提供的体验。因此,在可用的开放网络技术的帮助下,PWA 为使用最新版本浏览器的用户提供了增强的网络体验,与 Android、iOS 或 Windows 等依赖于操作系统的应用程序相当。

是什么让它如此酷可以从任何具有现代浏览器的设备访问它。可以像普通网站一样访问、共享和添加书签。它离线工作。它可以像任何其他具有主屏幕快捷方式的本机应用程序一样安装。它可以处理推送通知。它可以访问设备的硬件功能,如相机、蓝牙等。在开发本机应用程序时,我们需要为每个平台维护一个代码库,但开发 PWA 只需要一个代码库。因此,它降低了可维护性。本机应用程序会不断提醒用户新的更新。PWA 通过简单的页面刷新自动在后台更新内容。通过应用适当的 SEO 技术,PWA 可以被搜索引擎索引,因此可以扩大应用程序的可见性。与原生应用相比,开发 PWA 所需的时间要少得多。因此,它大大降低了开发成本。关联

Pinterest 的网站很旧,网络性能很差。通过分析,他们意识到提升用户群的难度,尤其是在未经身份验证的网络用户数量庞大的情况下。因此,3 个月后,他们使用 React 重建了现有的 Web 应用程序,并将其转换为 PWA,从而使他们的业务实现了巨大增长。他们还成功地减少了 Web 应用程序的捆绑包大小,这也导致 CPU 性能发生了巨大变化。

结果,用户在平台上花费的时间增加了 40%,广告产生的收入增长了 44%。

PWA 的构建块

1.响应式:由于 PWA 提供跨设备兼容性,因此它必须在所有设备上响应。 2.Service worker:这是一个脚本文件,可以在不影响页面性能的情况下在后台异步运行任务。 3.HTTPS:由于 PWA 需要服务工作者,因此它必须从 HTTPS 端点托管。 4.Manifest:这是一个 json 文件,我们可以在其中包含与我们的应用程序关联的所有元数据。

让我们再深入一点……

Service worker

Service Worker 负责确保 PWA 可靠且独立于网络状态。

它可以从客户端访问缓存,并可以存储数据,例如不需要反复获取的静态资产,如样式表、html、图像等。这使 PWA 能够在离线模式下仅加载必要的数据. 因此,它可以减少页面加载延迟,也可以提高整体性能。

渐进式 Web 应用程序介绍(渐进模式的特点)

我们还可以让 service worker 监听网络变化期间发生的事件,并可以动态地服务、修改或拦截应用程序内的网络请求。

简而言之,PWA 的两个主要功能(例如一次性安装和缓存)是使用 Service Worker 脚本完成的。它还可以用于在用户不使用网站时处理推送通知。

HTTPS

由于以下原因,PWA 必须使用 HTTPS 协议提供服务:

1.Service Worker 需要 HTTPS 连接。 2.保护用户的隐私 3.保证内容的真实性

Manifest file

这是一个 json 文件,其中包含有关 PWA 的所有必要元数据。此文件还使 PWA 可跨设备安装。此元数据包括我们应用程序的标题、主题颜色、显示方式、添加徽标等。创建 manifest.json 文件后,我们可以将其链接到 html 文件的 head 标记中。

总结

总而言之,PWA 缩短了 Web 应用程序和原生应用程序之间的差距。毫无疑问,我们可以说 PWA 是 Web 应用程序的未来。现在世界各地的许多公司都在将他们的 Web 应用程序转换为 PWA,这确保了它将成为软件行业的开路者。

⭐️ 好书推荐

《元宇宙》

【内容简介】

本书以简单易懂的文字,搭配轻松诙谐的原创漫画,让更多人理解什么是元宇宙的 “宏架构”,了解从原子到比特的逻辑,明白智能合约、数学及NFT之间的关系,用图片解析未来世界,让你轻松走进虚实共生的数字时空,解锁人类新文明,设计属于自己的元宇宙。

📚 京东自营购买链接:《元宇宙》

本文链接地址:https://www.jiuchutong.com/zhishi/293138.html 转载请保留说明!

上一篇:Vue打包优化篇-CDN加速(vue3打包优化)

下一篇:Vue3点击侧边导航栏完成切换页面内组件(WEB)(vue侧边栏导航,右侧显示对应内容)

  • 淘宝退货上门取件怎么操作(淘宝退货上门取件怎么支付快递费)

    淘宝退货上门取件怎么操作(淘宝退货上门取件怎么支付快递费)

  • 微信注销对方显示什么(如果微信注销对方好友列表里显示)

    微信注销对方显示什么(如果微信注销对方好友列表里显示)

  • 苹果12.4.1更新了什么功能(苹果12.4更新了什么)

    苹果12.4.1更新了什么功能(苹果12.4更新了什么)

  • 华为手机小脚丫不见了(华为手机小脚丫如何关闭)

    华为手机小脚丫不见了(华为手机小脚丫如何关闭)

  • 充电宝输出电压多少伏(充电宝输出电压不够怎么办)

    充电宝输出电压多少伏(充电宝输出电压不够怎么办)

  • 微信导聊天记录到另一个手机(微信导聊天记录教程)

    微信导聊天记录到另一个手机(微信导聊天记录教程)

  • 华为手机通话声音突然变小(华为手机通话声音大旁边人都可以听到)

    华为手机通话声音突然变小(华为手机通话声音大旁边人都可以听到)

  • 华为p20长度是多少cm(华为p20手机的长度多少厘米)

    华为p20长度是多少cm(华为p20手机的长度多少厘米)

  • 华为nova7的卡槽在哪(华为nova7的卡槽怎么打开)

    华为nova7的卡槽在哪(华为nova7的卡槽怎么打开)

  • 抖音作品发布成功为什么别人看不了(抖音作品发布成功)

    抖音作品发布成功为什么别人看不了(抖音作品发布成功)

  • 如何鉴定苹果手机是否是原装的(如何鉴定苹果手机是不是正品)

    如何鉴定苹果手机是否是原装的(如何鉴定苹果手机是不是正品)

  • 怎么恢复非苹果商店下的app(怎么恢复非苹果手机系统)

    怎么恢复非苹果商店下的app(怎么恢复非苹果手机系统)

  • 短信云消息什么意思(云短信zms)

    短信云消息什么意思(云短信zms)

  • 网易云播放失败是什么原因

    网易云播放失败是什么原因

  • 8p充满电一般要多少分钟(8p充满电一般要充多久)

    8p充满电一般要多少分钟(8p充满电一般要充多久)

  • 微信浮窗在哪里打开(微信浮窗在哪里关闭)

    微信浮窗在哪里打开(微信浮窗在哪里关闭)

  • 麦克风增强动不了(麦克风增强拉不动怎么办)

    麦克风增强动不了(麦克风增强拉不动怎么办)

  • 微信出行历史怎么查询(微信出行历史怎么查看)

    微信出行历史怎么查询(微信出行历史怎么查看)

  • 怎么申请微信收款二维码(怎么申请微信收付款二维码)

    怎么申请微信收款二维码(怎么申请微信收付款二维码)

  • 荣耀v20上面的三个孔是干什么的(荣耀v20上面的三个点)

    荣耀v20上面的三个孔是干什么的(荣耀v20上面的三个点)

  • 小米如何设置耳机和音效(小米如何设置耳机音量保护)

    小米如何设置耳机和音效(小米如何设置耳机音量保护)

  • 抖音怎么拍天使的翅膀(抖音怎么拍天使与恶魔)

    抖音怎么拍天使的翅膀(抖音怎么拍天使与恶魔)

  • 花丛中的小穴鸮们,美国科罗拉多州 (© Roberta Olenick/Alamy)(昆明紫霞宫的46 道拐)

    花丛中的小穴鸮们,美国科罗拉多州 (© Roberta Olenick/Alamy)(昆明紫霞宫的46 道拐)

  • 网站都变成灰色了,它是怎么实现的?(网站变成灰色什么时候恢复)

    网站都变成灰色了,它是怎么实现的?(网站变成灰色什么时候恢复)

  • pushed命令  向shell目录堆栈中添加记录(push指令执行的详细过程)

    pushed命令 向shell目录堆栈中添加记录(push指令执行的详细过程)

  • 所得税费用科目属于什么科目
  • 收到投资款要交企业所得税吗为什么
  • 购买财务软件做什么科目
  • 个人可以申请代收货款吗
  • 外购商品发给职工如何做账
  • 简易征收 抵扣进项
  • 公司的车不处理违章可以吗
  • 无形资产开发阶段计入什么科目
  • 增值税调整收入税额差额怎么写
  • 企业为什么会有两个中征码
  • 分期付款外币采购形成的差异如何做会计处理?
  • 哪些营业外收入需要缴纳增值税
  • 商品销售税金及附加科目现在改了吗
  • 按季申报是什么意思
  • 兼兼的意思
  • 银行摘要冲账是什么意思
  • 企业合并资本公积转留存收益
  • 通讯费 个税
  • 施工津贴属于
  • 支付给外单位的押金是其他应收款吗
  • 员工住院押金会计处理
  • 兼职人员的工资怎么做账
  • 其他应付款是什么意思
  • linux 匹配字符
  • 报销租房费用开发票
  • thinkphp微信公众号开发
  • 网站防止被刷票怎么解决
  • 酒店购啤酒属于什么科目
  • 房地产企业预售房产怎么缴税
  • 什么样的企业是好企业,什么样的员工是好员工
  • .exe是什么文件
  • 企业所得税若干问题
  • 来料加工交关税吗
  • 直线法摊销的账面价值
  • 进项税和销项税谁交
  • php实现上传文件
  • php调试工具哪个好用
  • 最优化模型的优点
  • php多条件搜索功能的实现
  • 微信手机充值怎么自定义金额
  • php类型约束用法有哪些
  • 2020年企业报税的详细流程
  • 待摊费用和预提费用属于什么账户
  • 企业直接费
  • 分公司利润怎么结转给总公司需要交税
  • js中同步如何理解
  • 会计在建工程属于什么科目
  • 企业税金及附加包括什么
  • 无进项可以开票么
  • MySQL5.6 Replication主从复制(读写分离) 配置完整版
  • 分公司员工在总公司缴纳社保
  • 个人所得税的征收模式为()A
  • 补充医疗险要放多少钱
  • 支付境外货款需要缴纳哪些税费
  • 销售软件产品
  • 收到捐赠的账务处理和涉税处理
  • 已付款未收到货怎么办
  • 房租收入应如何纳税
  • 免费品尝活动广告语
  • 管理费用和销售费用属于什么科目
  • 扶贫入股分红政策
  • 餐饮发票食品发票
  • 收到对方红字发票信息表怎么处理
  • mysql关联查询原理
  • sql server 错误
  • win10最新预览版下载
  • ubuntu20.04怎么用
  • mac安装应用一般放在哪个目录下
  • 苹果mac电脑删除打印机后还显示网络错误
  • win8.1系统激活
  • win7空间不足c盘
  • scrollpane.setviewportview
  • js 模拟滑动
  • 基于JAVASCRIPT实现的可视化工具是
  • js设计模式书
  • jquery教程实例
  • jqueryw3c
  • 收到税务局税收返还
  • 怎么判断买的盐是不是真的
  • 明星征税多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设