H5离线缓存总结

看完慕课H5离线缓存的视频以及三天了，由于有事情一直耽误了，今天总结一下，希望对自己的前端学习能有所帮助。

首先关于存储有以下集中方式：1>cache：缓存为了让从DB/磁盘拿出来的东西放到缓存（放于内存）；2>磁盘文件：本地存储的视频，图片，计算机里面的文件；3>数据库：系统项目中的数据存储；4>内存：计算机中所有的程序运行都是在内存中，所以内存对计算机的性能影响很大。

HTML5缓存可以做到以下几点：1>实现图片存在客户端；2>实现跨域共享客户端缓存；3>做到真正的离线访问WEB应用；4>实现客户端的数据库。

在H5之前，是由cookie实现客户端的缓存，将缓存信息带在HTTP请求头上，大小只有4k，会造成Domain污染。

所以H5的出现就是要解决这些问题，例如4k大小的限制，请求头带存储信息的问题，解决关系型存储的问题等，跨浏览器问题等。

H5的几种存储形式：

1>本地存储(localstorage && sessionstorage)：

存储形式：key-->value过期时间：永久存储，永不失效，除非手动删除 大小：官方给出的文档是每个域名5M，所以需要抛出异常处理

浏览器支持情况：IE