Canvas
Ultimátní rastrová plocha schopná vykreslovat dynamickou bitmapu a obrázky.
- Nemá objekty ‑ rastrová plocha
- Chová se jako obrázek (png)
- Image data
- Transformace ‑ posun, meřítko, natočení, zkosení + jejich kombinace
- Výkon
Next »
WebStorage ( localStorage )
Prostor prohlížeče pro ukládání key‑value hodnot v rámci domény
<script>
var storage = window.localStorage;
storage.setItem("game", "{
hp : Infinity,
score : 0,
...
}");
</script>
- Drží hodnoty po restartu prohlížeče
- Omezení 5MB
- Události při zmeně hodnoty
- setItem(), removeItem(), clear()
- localStorage vs. Cookie
Next »
WebSocket & AJAX
Vlastní TCP protokol, komunikaci začíná HTTP požadavkem s hlavičkou "Upgrade:"
<script>
var socket;
if(window["MozWebSocket"]){
socket = new MozWebSocket("ws://domena.cz:[PORT]");
} else {
socket = new WebSocket("ws://domena.cz:[PORT]");
}
/* ... */
socket.send("{ a : 1 }");
/* ... */
socket.onmessage = function(event){
var data = event.data;
}
</script>
- Podpora ‑ Chrome4+, Firefox4+, Safari5
- WebSocket vs. AJAX
- Spousta knihoven pro podporu WebSocketů (PHP, Python, v8cgi, nodejs, ...)
Next »