扣丁学堂简述HTML5技术的存储方式有哪些

关于HTML5技术的存储方式不知道有多少的小伙伴知道，其实不论是参加HTML5培训学习还是自学HTML5开发技术，HTML5技术的存储方式都需要牢牢的掌握。本篇文章小编就带大家看一下HTML5技术的存储方式有哪些。

HTML5培训

一、本地存储方式

以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。IE9 localStorage不支持本地文件，那么我们需要把自己做的项目放到服务器才可以做到很好地支持!常用的API有：

1、 getItem //取记录;

2、 setIten//设置记录;

3、 removeItem//移除记录;

4、 key//取key所对应的值;

5、 clear//清除记录。

而存储的主要内容有以下几种：数组，图片，json，样式，脚本等等，只要是能序列化成字符串的内容都可以存储。

二、离线缓存方式

离线缓存常用的API有：

0(UNCACHED) : 无缓存， 即没有与页面相关的应用缓存;

1(IDLE) : 闲置，即应用缓存未得到更新;

2 (CHECKING) : 检查中，即正在下载描述文件并检查更新;

3 (DOWNLOADING) : 下载中，即应用缓存正在下载描述文件中指定的资源;

4 (UPDATEREADY) : 更新完成，所有资源都已下载完毕; 5 (IDLE) : 废弃，即应用缓存的描述文件已经不存在了，因此页面无法再访问应用缓存。

当储存的时候出现的相关的事件，表示应用缓存状态的改变：

checking : 在浏览器为应用缓存查找更新时触发

error : 在检查更新或下载资源期间发送错误时触发

noupdate : 在检查描述文件发现文件无变化时触发

downloading : 在开始下载应用缓存资源时触发

progress：在文件下载应用缓存的过程中持续不断地下载地触发

updateready : 在页面新的应用缓存下载完毕触发

cached : 在应用缓存完整可用时触发

三、Web SQL数据库储存方式

Web SQL 数据库 API是一个独立的规范，并不是HTML5 规范的一部分，引入了一组使用SQL 操作客户端数据库的 APIs。可以在最新版的Safari, Chrome 和Opera 浏览器中工作。其核心方法：

1、openDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。

2、transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。

3、executeSql：这个方法用于执行实际的 SQL 查询。

四、索引数据库储存方式

索引数据库 (IndexedDB) API(作为 HTML5 的一部分)对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。同时它还有助于本地缓存数据，使传统在线Web应用程序(比如移动Web应用程序)能够更快地运行和响应。

关于HTML5技术的存储方式及简单为大家整理以上这些，想要了解更多内容的同学可以登录扣丁学堂官网查询。想要学习HTML5开发技术的小伙伴小编推荐大家选择口碑良好的扣丁学堂，扣丁学堂不仅有专业的老师和与时俱进的课程体系，还有大量的HTML5视频教程供学员观看学习，以便学员可以随时学习提升自己，扣丁学堂还有专业的技术老师指导学员动手操作练习，增强学员的动手能力。

想要学习HTML5的小伙伴不要再犹豫了，扣丁学堂有专业老师制定的HTML5学习路线图可供想要学习的小伙伴查看，心动的小伙伴快快行动吧。