H5小コンテンツ(6)_html/css_WEB-ITnose

Web Worker

基本コンテンツ

シングルスレッドとマルチスレッド

Workerはマルチスレッドの効果をシミュレートできます

定義 - バックグラウンドで実行されるJavaScript

注記 - DOMは使用できません

可能JavaScript の Worker ECMA でのみ使用できます

IE8 以前を除き、現在主流のブラウザは Worker をサポートします

Worker は API を提供します

現在のブラウザが Worker をサポートしているかどうかを検出します

if( typeof(Worker) !== "unknown" ){

説明 現在のブラウザは Web Worker をサポートしています

}else{

現在のブラウザが Web Worker をサポートしていないことを示します

}

WebWorker オブジェクトを作成します

新しい Worker (ワーカー ファイル)

Worker オブジェクト

onmessage イベント

postMessage() メソッド

terminate() メソッド

Web Storage API

基本コンテンツ

データ ウェアハウス - データの保存に使用

HTML5 ストレージ システム

localStorage (ローカル ストレージ) - Cookie の代替

sessionStorage (セッション) storage) - Session の置き換え (メモリに似ています)

sessionStorage

setItem(key, value) メソッド

関数 - データの設定 (データの追加 | 変更)

新しいデータ - キーの値は新しいです

データの変更 -キー値が存在します

パラメータ

key - 保存されたデータの識別子 (一意、反復不可能)

value - 保存されたデータの内容 (数値|文字列)

getItem(key) メソッド

Function -データの取得（データの読み取り）

Parameter

key - キーに基づいて対応するデータ内容を取得

戻り値 - キーに対応する値

key(index)メソッド

関数 - に基づいて対応するキーを返すインデックス値

Parameter

index - インデックス値

戻り値 - キー値を返す

removeItem(key)メソッド

関数 - データを削除する

Parameters

key - キーに基づいて指定されたデータ内容を削除する

clear() メソッド

関数 - システム内のすべてのデータを保存します

長さ属性

関数 - 現在のストレージ システム内のデータの数を返します

localStorage

提供されるプロパティとメソッドは以下と一致していますsessionStorage

ストレージイベント

機能 - 複数のウィンドウ間でのデータコンテンツの共有を有効にする

問題

データセキュリティが低い

現在、このイベントをサポートするSafariブラウザを除き、他のすべてのブラウザはそれをサポートしていません

データ操作用

新しく追加された - setItem()

Query - getItem()

length 属性

key(index)

delete-removeItem()

clear()

modify

key(index) - key

getItem( ) - value

setItem(key, new value)

localStorageを使用したsessionStorage

sessionStorageの機能データを保存するためのストレージシステム

ブラウザウィンドウを閉じると、すべてのデータが失われます

ブラウザウィンドウを再度開くと、データは使用できません

データを保存するためのlocalStorageストレージシステムの機能

ブラウザのウィンドウを閉じても、データは引き続き保存されます

ブラウザのウィンドウを再度開いても、データは引き続き使用されます

データはユーザーのみ削除可能

Web Socket (理解)

基本的な内容

ソケット - ネットワークプロトコルです

ネットワークプロトコル - SERVER&HTTPコースのHTTP

WebSocket

はソケットプロトコルが許可されていることを意味しますhtml5 pages

browser -server

使用されたネットワークプロトコル-httpプロトコルの問題とhttpプロトコルとの問題は、websocket

createwebsocketオブジェクトによって提供されています。 (URL);

URL - 「ws://」で始まります

Socket オブジェクトを作成し、接続を確立します

WebSocket オブジェクトのメソッド

send() - データコンテンツをサーバーに送信します

close() - ソケットを閉じますlink

WebSocket オブジェクトのイベント

onmessage イベント - サーバーがクライアントに戻りデータを送信するときにトリガーされます

onopen イベント - クライアントとサーバーが接続を確立するときにトリガーされます

初期化関数が完了する

onclose イベント - トリガーされるタイミングクライアントとサーバーは接続を閉じます

リソース解放関数を完了します

WebSocket オブジェクトの属性

readyState 属性 - サーバーの通信ステータスを表します

CONNECTING (数値は 0)、接続中であることを示します。

OPEN (数値は 1)、接続が確立されていることを示します。

CLOSING (数値は 2)、接続が閉じられていることを示します。

CLOSED (数値は 2)、接続が閉じられたことを示します。