原生js--应用程序存储和离线web应用

1、应用程序缓存和其它存储方式的区别:

  a、不像localStorage和sessionStorage那样只存储web应用程序的数据,它将应用程序自身存储起来。

  b、不像浏览器缓存一样会过期或者被用户手动清除,除非用户“卸载”它们

  c、离线状态下使用localStorage存储相关的数据,当再次进入在线状态时,能够将存储的数据传输到服务器

2、应用程序缓存清单

  使用方法:

  a、想要将应用程序“安装”到应用程序缓存中,首先创建一个清单:包括所有应用程序所依赖的URL列表

  b、在主HTML页面的<html>标签中设置manifest属性指向该清单文件

  清单内容:

  a、首行必须以:CACHE MANIFEST字符串开始

  b、之后每行一个URL

  c、可以使用“#”进行注释

  清单MIME类型:

  “text/cache-manifest”类型,如果服务器将清单设置为其它类型则不会缓存应用程序

  复杂清单内容分为:

  “CACHE:”区:需要缓存的文件URL放在此处

  “METWORT:”区:该区域的资源不进行缓存,总是请求网络

  “FALLBACK:”区:该区域每行包括两个URL,第二个是放到缓存中的资源,如果请求第一个资源失败就会使用第二个资源

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值