h5的缓存机制

h5的缓存机制

   H5的缓存，大概有localstorage、sessionstorage、cookie和manifest。

 一、LocalStorage

        LocalStorage是永久性的本地缓存，存储在客户端的浏览器上，除非主动删除，是不会过期的。LocalStorage采用的是键值对的方式进行存储，存储方式只能是字符串。存储内容可以用图片、json、样式、脚本等。

        API基本使用方法：

         1、localStorage.setItem() 存储

         2、localStorage.getItem() 获取数据，其中使用localStorage.valueOf()获取全部数据

         3、localStorage.removeItem(key) 删除数据

         4、localStorage.clear()清空全部数据，localStorage.length 获取本地存储数据数量

         5、localStorage.key(N)获取第N个数据的key键值

二、SessionSotrage

       SessionStorage用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面才能访问并且会话结束，窗口关闭后，数据就会消失。是一种会话级别的存储。

       SessionStorage与localStorage 的使用方法相似

 三、cookie

       cookie与sessionStorage、localStorage还是有很大不同的。

        1、cookie数据始终在同源的http请求中携带，cookie在浏览器和服务器端来回传递，而localstorage和sessionstorage不会自动把数据传送