HTML5-Endbearbeitung

HTML5新的Input类型 
输入类型：color,data,datetime,datetime-local,email,month,number,range,search,tel,time,url,week 
HTML Web存储 localStorage 
没有时间限制的数据存储 
以键/值对的形式表示 
setItem(),getItem() 
localStorage.name="Smith"; 
sessionStorage 
当用户关闭浏览器窗口时，数据会被删除 
以键/值对的形式表示 
setItem(),getItem() 
sessionStorage.setItem('name','smith'); 
Web SQL数据库（略） 
核心方法： 
openDatabase 使用现有的数据库或新建的数据库创建一个数据库对象 
transaction 这个方法使我们能够控制一个事务，以及基于这种情况执行提交或者回滚 
executeSql 这个方法用于执行实际的SQL查询 
一个完整实例 
 
 
 
 

 
 



Code kopieren
Anwendungscache (weggelassen)
Um den Anwendungscache zu aktivieren, fügen Sie bitte das Manifest-Attribut in das Dokument-Tag ein:

...
MANIFEST – Unter diesem Header aufgeführte Dateien werden nach dem ersten Download zwischengespeichert.
NETZWERK – Unter diesem Header aufgeführte Dateien erfordern eine Verbindung zum Server und werden nicht zwischengespeichert.
FALLBACK – Unter diesem Header aufgeführte Dateien. Die unten aufgeführten Dateien geben die an Fallback-Seite, wenn auf die Seite nicht zugegriffen werden kann (z. B. die 404-Seite)
Beispiel für eine vollständige Manifestdatei
CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme
/. logo.gif
/main.js
NETZWERK:
login.php
FALLBACK:
/html/ /offline.html
Code kopieren
Web Workers
Web Worker ist Javascript, das unabhängig von anderen Skripten im Hintergrund ausgeführt wird und die Leistung der Seite nicht beeinträchtigt.
Funktion startWorker(){
if(typeof(Worker) != "undefiniert"){
if (typeof(w) == "undefiniert"){
w=new Worker('demo_worker.js');
w.onmessage=function(event){
document. 'result').innerHTML=event.data;
}
}
function stopWorker(){
w = undefiniert; >}
Code kopieren
/*demo_worker.js*/
var i=0;
function timedCount(){
i=i+1;
postMessage(i );
setTimeout('timedCount()',500);
}
timedCount();
Code kopieren
Server-Sent Event (SSE)
Server-Sent Event bezieht sich darauf ist die Webseite, die automatisch Updates vom Server erhält.
WebSocket
WebSocket ist ein Protokoll für die Vollduplex-Kommunikation über eine einzelne TCP-Verbindung, das seit Beginn von HTML5 bereitgestellt wird.
In der WebSocket-API müssen der Browser und der Server nur eine Handshake-Aktion ausführen, und dann wird ein schneller Kanal zwischen dem Browser und dem Server gebildet. Daten können direkt zwischen beiden übertragen werden.
Der Browser sendet eine Anfrage an den Server, um über JavaScript eine WebSocket-Verbindung herzustellen. Nachdem die Verbindung hergestellt wurde, können Client und Server Daten direkt über die TCP-Verbindung austauschen.
Nachdem Sie die Web-Socket-Verbindung erhalten haben, können Sie über die send()-Methode Daten an den Server senden und vom Server zurückgegebene Daten über das onmessage-Ereignis empfangen.
var Socket = new WebSocket(url, [protocal])
WebSocket-Eigenschaften
Socket.readyState
0 – Zeigt an, dass die Verbindung noch nicht hergestellt wurde
1 – Zeigt an, dass die Verbindung hergestellt wurde hergestellt wurde und die Kommunikation möglich ist
2 – Zeigt an, dass die Verbindung geschlossen wird
3 – Zeigt an, dass die Verbindung geschlossen wurde oder die Verbindung nicht geöffnet werden kann
WebSocket-Ereignis
Socket.onopen – Wird ausgelöst, wenn die Verbindung wird hergestellt
Socket.onmessage – Der Client empfängt Serverdaten. Wird ausgelöst, wenn
Socket.onerror – Wird ausgelöst, wenn ein Kommunikationsfehler auftritt
Socket.onclose – Wird ausgelöst, wenn die Verbindung geschlossen wird
WebSocket-Methode
Socket.send()
Socket.close()