webworker

* Web Workers
* 基本內容
* 什麼是Worker?
* 是一個運行在後臺的JavaScript
* 獨立於HTML頁面運行的一段JavaScript代碼
* Worker的特色
* 同時運行幾個邏輯,並不須要順序執行
* 獨立於HTML頁面的循序執行
* Worker之間相對是獨立的
* Worker的問題
* 不能操做頁面 - 單純的JS邏輯
* 致使也不能使用BOM
* 不能使用DOM
* Worker API
* 檢測瀏覽器對Worker支持狀況
* 建立Worker文件
* 建立Worker對象
* 與Worker進行通訊
* onmessage事件
* postMessage()方法
* 終止Worker
* Web存儲API
* 基本內容
* 數據庫產品 - 持久性存儲數據
* 瀏覽器內存 - JavaScript的變量與函數
* Cookie - 存儲在用戶的硬盤(跨瀏覽器)
* HTML5的存儲
* localStorage(本地存儲) - 替代Cookie
* 存儲在localStorage的數據,由用戶決定是否刪除
* sessionStorage(會話存儲) - 替代Session
* 當頁面關閉時,sessionStorage中存儲的數據會被清空
* HTML5的數據庫
* Web SQL
* IndexedDB - 輕量級數據庫產品
* Cookie的問題
* Cookie的文件最大限制4KB
* 每一個Web應用最多隻能使用200多個Cookie文件
* Cookie是以明文存儲數據(未加密)
* 一次會話
* 客戶端與服務器端創建鏈接,直到關閉鏈接的過程
* session Storage
* 屬性
* length - 返回當前Storage存儲的數據個數
* 方法
* setItem(key,value) - 保存數據到Storage
* key - 保存數據的標識(惟一,不可重複)
* value - 保存的數據
* getItem(key) - 獲取Storage存儲的數據
* key - 保存數據的標識
* removeItem(key) - 根據key刪除Storage指定數據
* key - 保存數據的標識
* key(index) - 根據索引值返回key值
* index - 索引值
* clear() - 清空
* local Storage
* 屬性
* length - 返回當前Storage存儲的數據個數
* 方法
* setItem(key,value) - 保存數據到Storage
* key - 保存數據的標識(惟一,不可重複)
* value - 保存的數據
* getItem(key) - 獲取Storage存儲的數據
* key - 保存數據的標識
* removeItem(key) - 根據key刪除Storage指定數據
* key - 保存數據的標識
* key(index) - 根據索引值返回key值
* index - 索引值
* clear() - 清空
* storage事件
* 做用 - 實現多頁面之間共享數據
* 注意 - 該事件目前只有Safari瀏覽器支持
* Web Socket
* 基本內容
* Socket - 就是一種網絡協議,相似於HTTP
* Socket與Http的區別
* Http協議
* 短鏈接
* 無狀態
* Socket協議
* 實時鏈接
* 有狀態
* HTML5提供的Web Socket底層封裝Socket協議
* WebSocket API
* 建立WebSocket對象
var socket = new WebSocket(url);
* url - 服務器端的地址
* 協議 - "ws://"或"wss://"
* 做用 - 與服務器端創建鏈接
* 方法
* send(data)方法 - 向服務器端發送請求數據
* data - 請求數據
* close()方法 - 關閉與服務器端的鏈接
* 事件
* onmessage事件 - 用於監聽服務器端的狀態
* onopen事件 - 用於監聽打開鏈接
* 觸發 - 打開鏈接時被觸發
* 做用 - 該事件的處理函數完成必要的初始化
* onclose事件 - 用於監聽關閉鏈接
* 觸發 - 關閉鏈接時被觸發
* 做用 - 該事件的處理函數完成資源釋放