H5高级-存储

HTML5编程接口:

Canvas API、拖放API、地理位置API、存储API、文件API、通信API、多线程API、离线API、历史API

选择元素:

querySelector(“选择器”)     获取一个元素

querySelectorAll("选择器") 获取多个元素

监听事件:

addEventListener("事件",函数,False)    添加监听

removeEventListener("事件",函数)   移除监听

调试:

console.log("内容")

 

课程内容:

Json格式要求:

1、复合类型的值,只能是数组或对象,不能是函数、正则表达式、日期

2、原始类型的值只有四种:字符串、数值(必须是10进制)、布尔和null(不能使用NaN\Infinity\undefined\-Infinity)

3、字符串必须使用双引号表示,不能使用单引号

4、对象的键名必须放在双引号里面。

5、数组或对象最后一个成员的后面不能加逗号

Json类型:数字类型、字符串类型、布尔类型、数组类型、对象类型、null

案例:

符合json格式:

数组:["张三","李四","王五"]

对象:{"name":"张三","age":18}

复杂对象:{"name":["张三","李四"]}

对象数组:[{"name":"张三","age":18},{"name":"李四","age":20}]

不符合json格式:

{name:"张三",‘age‘:30}    //属性必须加双引号,不能有单引号

[32,55,0xFFF]     //不能使用16进制

{"name":"张三","age":undefined}  //不能undefined

JSON的静态方法:

JSON.stringify(js对象或者数组) 用于将值转换为JSON字符串

JSON.parse(js对象或者数组)  将JSON字符串还原成JSON对象(满足JSON格式)

 

Web存储

存储技术:cookie->userData->flash Cookie ->Gears->sessionStorage(会话存储)/localStorage(本地存储)

 

sessionStorage(会话存储)和 localStorage(本地存储)区别:

1)操作代码完全相同,区别在于存储数据的寿命不一样

2)sessionStorage用于保存那些会话存在时跨页面传递的数据

3)localStorage 主要用于保存访客将来还能看得到的数据,4M

H5高级-存储

 

 web存储练习

H5高级-存储

 

 H5高级-存储

 

 H5高级-存储

 

H5高级-存储

上一篇:高通量测序的三个基本概念


下一篇:did not finish being created even after we waited 189 seconds or 61 attempts. And its status is downloading