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用于本地存储一个会话中的数据,这些数据只有在同一个会话中的页面才能访问并且会话结束,窗口关闭后,数据就会消失。是一种会话级别的存储。

扫描二维码关注公众号,回复: 80528 查看本文章

       SessionStorage与localStorage 的使用方法相似

 三、cookie

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

        

猜你喜欢

转载自www.cnblogs.com/leyan/p/8963193.html