缓存技术

缓存技术

  主要分为两种，一种是http缓存，一种是本地缓存，http缓存又分为协商缓存和强制缓存，这里我们主要讨论的是后者，技术也好多，本文主要讲localStorage，sessionStorage,websql,indexdb。

缓存优点

1. 可以离线使用
2. 加载速度更快
3. 减少服务器负载

sessionStorage

1. 存储在 sessionStorage里面的数据在页面会话结束时会被清除。在新标签或窗口打开一个页面会初始化一个新的会话
2. 常用于保存当前页面中input中的值，在当前页面一旦用户刷新页面，我们就可以把保存在sessionStorage中的值取出来，来增加用户体验。
3. 存储空间在5M左右具体没测过

localStorage

1. 永久性储存，除非强制删除。
2. 常用来保存页面中的个人信息，例如用户的信息和密码，在其他页面需要做判断，这样我们就很方便实现跨页面传值。
3. 存储空间在5M左右，也可以利用iframe扩容

websql

1. 它提供了基本的关系数据库功能，支持数据库事务的概念，从而保证了即使多个浏览器窗口操作同一数据，也不会产生冲突。
2. 不再推荐使用，将来也不再维护，而是推荐使用AppCache和IndexedDB。

indexdb

1. 它是一个事务型数据库，支持key值索引获取值，更加方便。
2. 具体api请到参考连接去查看

localforage

1. 一个封装的JavaScript 库，使用优雅降级策略，默认顺序为indexdb, websql, localStorage
2. 使用方法非常简单
3. 更多去点击 去git看 查看文档

参考

简书介绍
离线应用案例
localStorage 使用方法
indexdb API
indexdb 数据库操作