你的位置:首页 > 网页设计

[网页设计]H5小内容(六)


Web Worker
   基本内容
     单线程与多线程
       Worker可以模拟多线程的效果
     定义 - 运行在后台的javascript
     注意 - 不能使用DOM
       在Worker中只能使用javascript中的ECMA
       目前主流浏览器都支持Worker,除IE8之前
   Worker提供API
     检测当前浏览器是否支持Worker
       if( typeof(Worker) !== "undefined" ){
         说明当前浏览器支持Web Worker
       }else{
         说明当前浏览器不支持Web Worker
       }
     创建WebWorker对象
       new Worker(worker文件)
     Worker对象
       onmessage事件
       postMessage()方法
       terminate()方法
  Web存储API
   基本内容
     数据仓库 - 用于存储数据
     HTML5存储系统
       localStorage(本地存储) - 替代Cookie
       sessionStorage(会话存储) - 替代Session(类似于内存)
   sessionStorage
     setItem(key,value)方法
       作用 - 设置数据(新增|修改数据)
         新增数据 - key值是新的
  修改数据 - key值是存在的
       参数
         key - 作为存储数据的标识(唯一,不可重复)
  value - 存储的数据内容(number|string)
     getItem(key)方法
       作用 - 获取数据(读取数据)
       参数
         key - 根据key获取对应的数据内容
       返回值 - key对应的value值
     key(index)方法
       作用 - 根据索引值返回对应key
       参数
         index - 索引值
       返回值 - 返回key值
     removeItem(key)方法
       作用 - 删除数据
       参数
         key - 根据key删除指定数据内容
     clear()方法
       作用 - 将存储系统的所有数据删除(清空)
     length属性
       作用 - 返回当前存储系统的数据个数
   localStorage
     提供的属性和方法与sessionStorage一致
     storage事件
       作用 - 实现多个窗口之间共享数据内容
       问题
         数据安全性低
  目前除Safari浏览器支持该事件,其他所有浏览器都不支持
   对于数据的操作
     新增 - setItem()
     查询 - getItem()
       length属性
       key(index)
     删除 - removeItem()
       clear()
     修改
       key(index) - key
       getItem() - value
       setItem(key,新value)
   sessionStorage与localStorage
     sessionStorage存储系统存储数据的特点
       当浏览器窗口关闭时,数据全部丢失
       当再次打开浏览器窗口时,数据不能使用
     localStorage存储系统存储数据的特点
       当浏览器窗口关闭时,数据依旧存储
       当再次打开浏览器窗口时,数据继续使用
       数据只能由用户删除
  Web Socket(了解)
   基本内容
     socket - 是一种网络协议
       网络协议 - SERVER&HTTP课程中的HTTP
     WebSocket
       表示在HTML5页面中允许支持socket协议
     浏览器-服务器
       使用的网络协议 - http协议
       http协议的问题
         短连接
  无状态
   WebSocket提供的API
     创建WebSocket对象
       var socket = new WebSocket(URL);
       URL - 是以"ws://"开始的
       创建Socket对象,建立连接
     WebSocket对象的方法
       send() - 向服务器端发送数据内容
       close() - 关闭socket链接
     WebSocket对象的事件
       onmessage事件 - 当服务器端向客户端发送返回数据时被触发
       onopen事件 - 当客户端与服务器端建立连接时被触发
         完成初始化功能
       onclose事件 - 当客户端与服务器端关闭链接时被触发
         完成资源释放功能
     WebSocket对象的属性
       readyState属性 - 表示服务器端的通信状态
         CONNECTING(数字值为0),表示正在连接。
         OPEN(数字值为1),表示已建立连接。
         CLOSING(数字值为2),表示正在关闭连接。
         CLOSED(数字值为2),表示已关闭连接。