位置: 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侧边栏导航,右侧显示对应内容)

  • 苹果13如何添加门禁卡(苹果13如何添加NFC)

    苹果13如何添加门禁卡(苹果13如何添加NFC)

  • 医鹿抢九价怎么快速填信息(医鹿抢九价可以别人帮忙抢吗)

    医鹿抢九价怎么快速填信息(医鹿抢九价可以别人帮忙抢吗)

  • 不用的手机怎么处理最安全(不用的手机怎么恢复出厂设置)

    不用的手机怎么处理最安全(不用的手机怎么恢复出厂设置)

  • vga灯亮无法开机(vga灯亮无法开机还漏电)

    vga灯亮无法开机(vga灯亮无法开机还漏电)

  • 微信卸载了没备份也能恢复吗(微信卸载了没备份怎么恢复以前的聊天记录)

    微信卸载了没备份也能恢复吗(微信卸载了没备份怎么恢复以前的聊天记录)

  • 钉钉直播用悬浮窗观看算不算时长(钉钉直播用悬浮窗吗)

    钉钉直播用悬浮窗观看算不算时长(钉钉直播用悬浮窗吗)

  • baidunetdisk是什么文件夹(baidunetdisk在哪里找)

    baidunetdisk是什么文件夹(baidunetdisk在哪里找)

  • 安装程序正在启动服务需要多久(安装程序正在启动服务就进不去了)

    安装程序正在启动服务需要多久(安装程序正在启动服务就进不去了)

  • 惠普打印机加墨后还是提示不足(惠普打印机加墨后怎么操作才能打印)

    惠普打印机加墨后还是提示不足(惠普打印机加墨后怎么操作才能打印)

  • 18款和19款macbook区别(18款和19款macbook pro参数区别)

    18款和19款macbook区别(18款和19款macbook pro参数区别)

  • ip6网络什么意思(无线网ip6是什么意思)

    ip6网络什么意思(无线网ip6是什么意思)

  • 如何查网站pr值(网站pr值多少是正常范围)

    如何查网站pr值(网站pr值多少是正常范围)

  • 结构化程序设计的原则(结构化程序设计的基本思想)

    结构化程序设计的原则(结构化程序设计的基本思想)

  • 哪咤密钥延期是什么(哪吒的兑换码是什么)

    哪咤密钥延期是什么(哪吒的兑换码是什么)

  • 卡贴多久封一次(卡贴一般用多久会坏)

    卡贴多久封一次(卡贴一般用多久会坏)

  • 苹果手机用快充伤电池吗(苹果手机用快充后再用普通充电器充电慢)

    苹果手机用快充伤电池吗(苹果手机用快充后再用普通充电器充电慢)

  • 顺风车怎么约(7坐顺风车怎么约)

    顺风车怎么约(7坐顺风车怎么约)

  • ipad被锁定停止使用怎么办(ipad被锁定停止使用需要原有的手机号码解锁吗)

    ipad被锁定停止使用怎么办(ipad被锁定停止使用需要原有的手机号码解锁吗)

  • 手机怎么查看图片大小(手机怎么查看图片的exif信息)

    手机怎么查看图片大小(手机怎么查看图片的exif信息)

  • 短信怎么转移到另外一个手机(短信怎么转移到另外一个手机号接收)

    短信怎么转移到另外一个手机(短信怎么转移到另外一个手机号接收)

  • nova4返回键在哪(nova4返回键怎么设置出来)

    nova4返回键在哪(nova4返回键怎么设置出来)

  • qq聊天界面的耳朵(qq聊天界面的耳朵是什么情况)

    qq聊天界面的耳朵(qq聊天界面的耳朵是什么情况)

  • 【Vue实用功能】Vue实现文档在线预览功能,在线预览PDF、Word、Excel、ppt等office文件(vue使用方法)

    【Vue实用功能】Vue实现文档在线预览功能,在线预览PDF、Word、Excel、ppt等office文件(vue使用方法)

  • 猫鼬一家簇拥在一起 (© stefbennett/Shutterstock)(猫鼬家族风云)

    猫鼬一家簇拥在一起 (© stefbennett/Shutterstock)(猫鼬家族风云)

  • 产品含税价格加10个点不含税扣掉8个点合理吗
  • 公司借款受托支付是什么
  • 当月开的票必须当月交税吗
  • 应收账款的账龄在年报的哪里
  • 银行存款出现负数算不算违规
  • 其他债权投资有减值吗
  • 结转上月库存商品余额会计分录
  • 会计分录借贷符号
  • 取得保险赔偿的会计分录
  • 盈余公积属于什么类账户
  • 事业单位预算外收入
  • 过路费占运费比例
  • 哪些费用应该计税
  • 农牧业没有发票怎么办
  • 电商公司怎么开发票
  • 增值税发票增量流程网上怎么申请
  • 种香菇会赔钱吗
  • 海外仓储的税务风险你都清楚吗?
  • 以不动产对外投资要交什么税
  • 政府收购企业资产规定
  • 农业合作社收到政府补贴做到其他收入里可以吗
  • 礼品应该计入会计分录
  • 王者荣耀段位分段
  • win10声音设置面板在哪
  • PSof1.exe - PSof1是什么进程 有什么作用
  • 企业所得税季度预缴纳税申报表
  • 递延所得税资产是什么意思
  • 个人签订借款合同
  • 马德拉群岛旅游攻略
  • 现金折扣的会计分录处理
  • php中实现文件上传需要用到哪几个函数
  • 小微企业的季度所得税怎么计算
  • 在php中提供了什么函数用于删除数组中的元素
  • vue3+antd
  • 质量事故发生后,有责任就所发生的质量事故
  • 长投转可供
  • 预算会计的核算对象是什么
  • 小规模超500万升一般纳税人规定
  • phpcms建站流程
  • mongodb 合并数据库
  • python操作yaml文件
  • 普通动产和特殊动产物权变动
  • 金融商品转让和贷款服务
  • 承兑汇票可以当现金借给别人用吗
  • 承兑汇票上能手写名字吗
  • 为支持防疫工作捐款
  • 外购商品发放给员工 进项税额能不能抵扣
  • 个人报销电话费开发票是个人名还是公司名
  • 房地产卖房需要交契税吗现在
  • 发票已经认证后怎么撤销
  • 航天信息开票软件密码忘记了怎么办
  • 哪类企业是可以避税的
  • 销售费用现金支出预算
  • 出口退税企业退税流程
  • 无息的银行承兑汇票
  • 事业单位的在建工程包括
  • 预付款项为什么属于资产
  • 企业会计制度设计论文题目
  • 会计账务做得混乱的原因
  • 建账基本要求
  • 数据库性能优化方法论和最佳实践
  • 新买的电脑如何验机
  • win8 photoshop
  • 我用u盘装系统
  • win7修改sid
  • 苹果mac系统如何升级最新版本
  • -f linux命令
  • centos7如何安装telnet
  • leerfel是什么牌子
  • windows2008无法识别usb
  • win7软件包
  • unity ar sdk
  • django中的model
  • linux实现shell
  • jquery+ajax实现注册实时验证实例详解
  • vue router详解
  • javascript面向对象编程
  • 四川省税务局2020年4号
  • 个人所得税发票
  • 1973年简并税制
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设