【web性能优化】常用缓存方式（慕课网学习笔记）

前端缓存技术

SessionStorage   临时存储  页面打开 页面关闭

　　优点： 临时 存储 关闭页面标签自动回收，不可以跨页面交互（刷新页面 sessionStorage存储的值存在 ，在同一个浏览器中打开相同的页面，sessionStorage存储的值不存在）

　　缺点：临时 成也萧何败也萧何，因为是临时所以不能存储持久化的东西

setItem   

getItem 

clear()

userData   用于IE   大小限制

优点：第一个吃螃蟹的人，也得感谢第一个被吃的螃蟹

缺点：存储限制太小 

　　单个文件的大小限制是128kb，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。

在受限站点里这两个值分别是64KB和640KB

Cookie(兼容想最后的本地存储)      登录的状态  随着请求发送到服务器

　　优点：兼容性最好，几乎所有的浏览器都支持

　　缺点：大小限制，而且每次发送请求，请求头会带着Cookie一起发过去，现在基本大多数登录的合法性验证都是用cookie验证的

openDatabase（没有他做不了的）  支持h5浏览器 都支持   

　　优点：就是一个完整的数据库

　　缺点：可能对于前端同学来说，成本高

ps:创建的数据库位置

 

 

 

localStorage 

　　优点：兼容性中等，操作简单，就是key-value 形式，几乎现代的浏览器都支持，

　　缺点：存在大小限制，IE9、IE10不支持。

ps:

　　关闭浏览器仍然存在，

　　不同的浏览器tab标签也可以读到，

　　不同浏览器不可以读到（比如说我在chrome存储后，想在firfox中读取到chrome存储的，结果是读取不到的）

　　不可以跨域

setItem(key, value) 写

getItem(key)  读

clear()  清除

电脑所在地：