html5高级开发学习--html5存储
html5虽然学起来不算难,但如果想要深入理解还是有一定难度的,html5高级开发要求我们掌握更多的知识和技能,不断学习不断进步,那么今天来说一说html5高级开发学习--html5存储。下面是详细说明:
一、JSON格式有两个显著的优点,书写简单一目了然符合JavaScript的原生语法,可以由解释引擎直接处理,不用另外添加解析代码 ;
二、 JSON格式规则
每个json对值有严格规定:
1.复合类型的值只能是数组或对象,不能是函数,正则表达示对象或日期对象。
2.原始类型的值只有4种:字符串、数值(必须以十进制表示)、布尔值和null(不能使用NaN、infinity、undefined 和-Infinity)。
3.字符串必须以双引号表示,不能使用单引号。
4.对象的键名必须放在双引号里面。
5.数组或对象最后一个成员的后面不能加逗号。
三、JSON对象
JSON对象是JavaScript的原生对象,用来处理JSON格式数据。他有两个静态方法
JSON.stringify()方法:
JSON.stringify(JavaScript对象或数组);//JavaScript转换成字符串格式;
和JSON.parse()方法:
定义json字符串的方法 var strSports ='{"title":"adad","title":"adad","title":"adad"}'
JSON.parse(JSON格式字符串);//把字符串转换成JavaScript
注:因为是JavaScript的原生对象,所以此处必须大写。
jS中创建对象有两种:var obj = {}; var Object = new Object();
web存储
html5存储基础分两种sessionStorage(会话存储)localStorage(本地存储);(限制在5m以下)logStorage在2.5到10mb之间(各家浏览器不同)
localStorage和localStorage的区分:
操作代码完全相同,区分仅在于数据的寿命。
localStorage主要用来保存访客将来还能看到的数据。
sessionStorage保存从这个页面到下一个页面的数据。
window.sessionStorage 判断浏览器是否支持localStorage
window.localStorage 判断浏览器是否支持localStorage
IndexedDB
通俗的来说就是浏览器提供的本地数据库 提供查找接口,还可建立索引(不属于关系数据库不支持SQL查询语句),接近NoSQL
(1)键值对存储
(2)异步
(3)支持事务
(4)同源限制(只能访问自身域名下的数据库不能跨域)
(5)存储空间大 一般不少于250M甚至没有上限
(6)支持二进制存储
以上就是html5高级开发学习--html5存储的相关内容。虽然任何学科都是深入学习困难,但也不要放弃,因为IT行业发展更新迅速,如果懒惰,久而久之就容易被行业所淘汰。更多关于html5培训的问题,欢迎咨询千锋教育在线名师。千锋教育拥有多年IT培训服务经验,采用全程面授高品质、高体验培养模式,拥有国内一体化教学管理及学员服务,助力更多学员实现高薪梦想。