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

 

  

posted @ 2014-03-11 09:14  charling  阅读(1085)  评论(0编辑  收藏  举报