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

 web存储练习