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

2018-02-23 15:02:25 564浏览

        关于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学习路线图可供想要学习的小伙伴查看，心动的小伙伴快快行动吧。扣丁学堂H5技术交流群：559883758。

【关注微信公众号获取更多学习资料】

查看更多关于“HTML5开发技术资讯”的相关文章>>