原生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,第二个是放到缓存中的资源,如果请求第一个资源失败就会使用第二个资源