本篇文章是介绍比较基础的，因为我觉得学一些东西要讲究它的实用性，毕竟是为了找工作，我不反对研究的很深，当然只要你时间充足，如果你是在迫切想找工作的心情，那就得选择学一些比较实用的。这个也是H5比较重要的一个技术点，所以我所得比较长，还请有耐心看下去。觉得好的，记得点个赞。
一、本地存储（web storage）
webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。
学习这个我会问三个问题
第一个问题：他们的使用方法有哪些？怎么使用？
第二个问题：两者怎么区别？有什么不同点和相同点？
第三个问题：使用时有什么需要注意的？
第一个问题
其实两者的方法都是一样的
分别有下面六个方法：
1、使用setItem方法设置存储内容
2、使用getItem方法获取存储内容（value）
3、使用removeItem方法删除存储内容
4、使用clear方法清除所有内容
5、使用length属性获取存储内容个数
6、使用key方法获取存储字段（key）
tips：里面的参数是怎样的就在演示那里面了，都有列出来这里就不赘述。上面都是用localStorage演示，自己可以用sessionStorage试试。
第二个问题
相同点在上面已经提及到了，方法相同
不同点：1、存储时效不同
2、存储容量不同
localStorage的存储时效是持久化的，也就是说如果存储了，不主动清除会一直存在。它的容量一般在2-5M。sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。一般在5M左右。
第三个问题
1、注意存储容量是否超出配额
2、储存类型的限制（仅能存储字符串数据类型），所以注意类型转换。
3、sessionStorage的失效机制
二、indexedDB数据库
第一个问题：什么是indexedDB数据库？
第二个问题：这里面的基础语法有哪些？
第三个问题：如何创建数据库？
第一个问题
indexedDB数据库是一种事务型数据库，也是一种NoSQL数据库（不需要利用mysql的相关语句），他可以存储大量的数据，以js对象存储数据。用途很多比如用于发出请求之后将数据保存在本地，减少下次的请求数量。又或者将图片缓存到本地，下次不用加载直接使用。
第二个问题和第三个问题
1、创建数据库（databaseName数据库名，version版本号）
window.indexedDB.open(databaseName,version)
2、删除数据库
window.indexedDB.deleteDatabase("databaseName")
3、创建表（tableName表名，key主键）
IDBOpenDBRequest.result.createObjectStore("tableName",key)
IDBOpenDBRequest这个对象是通过调用上面的open方法返回的对象
下面来演示一下，创建表
在这个过程中，我改了很多版本号，数据库名和表名。有个小问题，每次更新不能用浏览器刷新，在浏览器刷新不会更新数据库，需要打开文件到浏览器。这个不知道是自己的浏览器问题还是为什么，你们自己看看有没有问题。
下面使用add方法给表添加数据
事务IDBTransaction : 调用indexedDB.transaction方法（准确的说是IDBOpenDBRequest.result.transaction(表名，'readwrite')），会返回一个对象（IDBTransaction），它含有一个objectStore方法，可以对数据进行增删改查。readwrite为读写模式，如果是readonly，那就是只读模式。
下面这张图忘了把自动添加功能去掉了，抱歉。
下面有，不过要使用IDBopenDBRequest下面的transaction作为方法作为中间桥梁，返回一个IDBTransaction对象之后才能使用objectStore方法，返回一个IDBObjectStore对象才能使用下面的各种对数据操作的方法。
下面是关于表的增删改查的方法
获取数据：IDBObjectStore.get("id")
获取所有数据：IDBObjectStore.getAll()
修改数据：IDBObjectStore.put(data)
删除数据：IDBObjectStore.delete("id")
删除表中所有数据：IDBObjectStore.clear()
tips:记得更新version
下一篇文章更新：本地存储关于游标的使用以及关于索引的使用。
好像忘了点什么。。。。。。点赞啦！！！
