查看: 89|回复: 0

[互联网技术] 扣丁学堂HTML5培训教你HTML5技术的几大存储方式

发表于 2018-3-13 11:06:28
  关于HTML5技术的存储方式不知道有多少的小伙伴知道,其实不论是参加HTML5培训学习还是自学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学习路线图可供想要学习的小伙伴查看,心动的小伙伴快快行动吧。扣丁学堂H5技术交流群:559883758。
    文章转载自:扣丁学堂http://www.codingke.com/



回复

使用道具 举报