• H5高级-存储


    HTML5编程接口:

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

    选择元素:

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

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

    监听事件:

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

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

    调试:

    console.log("内容")

    课程内容:

    Json格式要求:

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

    2、原始类型的值只有四种:字符串、数值(必须是10进制)、布尔和null(不能使用NaNInfinityundefined-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存储练习

     

     

  • 相关阅读:
    [工具分享]JetBrains ReSharper 9.0 正式版和注册码
    JAVA数据库连接池的革命 -- 从BoneCP到HikariCP
    【C#教程10】C# 判断
    【C#教程09】C# 运算符
    【C#教程07】C# 变量
    【C#教程06】C# 类型转换
    【C# 教程05】C# 数据类型
    【C# 教程04】C# 基本语法
    【C# 教程03】C# 程序结构
    【C#教程02】C# 环境
  • 原文地址:https://www.cnblogs.com/H-Yan/p/15132071.html
Copyright © 2020-2023  润新知