综合技术交流
直播中

ss

6年用户 8762经验值
擅长:电源/新能源 制造/封装 RF/无线
私信 关注
[经验]

HTML5技术的存储方式有哪些

  一、本地存储方式
  以键值对(Key-Value)的方式存储,永久存储,永不失效,除非手动删除。IE9localStorage不支持本地文件,那么我们需要把自己做的项目放到服务器才可以做到很好地支持!常用的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:在应用缓存完整可用时触发
  三、WebSQL数据库储存方式
  WebSQL数据库API是一个独立的规范,并不是HTML5规范的一部分,引入了一组使用SQL操作客户端数据库的APIs。可以在最新版的Safari,Chrome和Opera浏览器中工作。其核心方法:
  1、openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
  2、transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
  3、executeSql:这个方法用于执行实际的SQL查询。
  四、索引数据库储存方式
  索引数据库(IndexedDB)API(作为HTML5的一部分)对创建具有丰富本地存储数据的数据密集型的离线HTML5Web应用程序很有用。同时它还有助于本地缓存数据,使传统在线Web应用程序(比如移动Web应用程序)能够更快地运行和响应。

更多回帖

发帖
×
20
完善资料,
赚取积分