HTML本地存储和离线存储

本地存储和离线存储

课程介绍

1.本地存储——Web Storage

2.本地存储——IndexedDB

3.本地存储的扩展介绍

4.离线存储——app cache

5.总结

Cookie的局限性

1.存储大小限制，仅4kb左右

2.单个域名下的数量限制，50个左右

3.污染请求头，浪费流量

localStorage和sessionStorage

1.相同的使用方法

2.不同的存储时效

3.不同的存储容量

相同的使用方法

1.使用setItem方法设置存储内容

2.使用getItem方法获取存储内容

3.使用removeItem方法删除存储内容

4.使用clear方法清除所有的内容

5.使用length属性获取存储内容个数

6.使用key方法获取存储字段

不同的存储时效

localStorage存储会持久化

sessionStorage存储会在网页会话结束后失效

不同的存储容量

localStorage容量一般在2-5Mb左右

sessionStorage存储容量不一，部分浏览器不限制

习题

1.cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

2.每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽

3.cookie的大小是受限的

使用Storage时的注意点

1.注意存储容量超出配额——抛出QuotaExceedError异常。