1. 11年10月28日星期五

2. The way to HTML5
11年10月28日星期五

3. The way to HTML5
—— websocket 协议介绍与实现
孟红伦
2011-10
11年10月28日星期五

4. ⼀一、前言
FD们常写这样的代码：
11年10月28日星期五

5. ⼀一、前言
FD们常写这样的代码：
$.ajax(‘http://localhost/do_sth/’,{
‘type’:‘GET’,
‘dataType’:‘json’,
‘success’:function(data){
console.log(data);
}
});
11年10月28日星期五

6. ⼀一、前言
以后还会写这样的代码：
11年10月28日星期五

7. ⼀一、前言
以后还会写这样的代码：
var ws_uri = "ws://localhost:9999";
if ("WebSocket" in window) {
webSocket = new WebSocket(ws_uri);
}else if("MozWebSocket" in window) {
// Firefox 7/8
webSocket = new MozWebSocket(ws_uri);
}
webSocket.onmessage = function(e) {
console.log("Got echo: " + e.data);
}
11年10月28日星期五

8. ⼀一、前言
我们能看懂此图中的大部分东西
11年10月28日星期五

9. ⼀一、前言
11年10月28日星期五

10. ⼀一、前言
11年10月28日星期五

11. ⼀一、前言
11年10月28日星期五

12. ⼀一、前言
11年10月28日星期五

13. ⼀一、前言
11年10月28日星期五

14. 11年10月28日星期五

15. 11年10月28日星期五

16. var ws_uri = "ws://localhost:9999";
webSocket = new WebSocket(ws_uri);
webSocket.onmessage = function(e) {
console.log("Got echo: " + e.data);
}
11年10月28日星期五

17. 11年10月28日星期五

18. 11年10月28日星期五

19. 11年10月28日星期五

20. 11年10月28日星期五

21. 11年10月28日星期五

22. 11年10月28日星期五

23. 11年10月28日星期五

24. 11年10月28日星期五

25. 11年10月28日星期五

26. 下面是为关于安全的
11年10月28日星期五

27. 11年10月28日星期五

28. 11年10月28日星期五

29. 11年10月28日星期五

30. 11年10月28日星期五

31. git checkout handshake
11年10月28日星期五

32. 11年10月28日星期五

33. 11年10月28日星期五

34. 11年10月28日星期五

35. 11年10月28日星期五

36. opcode 的定义：
* %x0 denotes a continuation frame
* %x1 denotes a text frame
* %x2 denotes a binary frame
* %x3-7 are reserved for further non-control frames
* %x8 denotes a connection close
* %x9 denotes a ping
* %xA denotes a pong
* %xB-F are reserved for further control frames
11年10月28日星期五

37. 11年10月28日星期五

38. 11年10月28日星期五

39. 11年10月28日星期五

40. 11年10月28日星期五

41. 11年10月28日星期五

42. Q&A
11年10月28日星期五