Skip to content

Commit f23e248

Browse files
update
1 parent b8db866 commit f23e248

File tree

4 files changed

+41
-108
lines changed

4 files changed

+41
-108
lines changed

01-JS语言基础/02-常用操作/09-事件.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,8 @@
6464
// onmouseup(=onclick) / onmousedown(=onclick) / onmousemove / onmouseout / onmouseover
6565
// onload / onunload
6666
// onsubmit / onreset
67-
// onchange
67+
// onchange
68+
// window.onmousewheel 鼠标滚轮事件
6869
// window.onscroll 屏幕滑动
6970
// window.onresize 浏览器大小变化
7071
// window.onload 页面加载完毕

02-前端拾零/02-h5_drag.html

-103
This file was deleted.

02-前端拾零/02-h5_drag.txt

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
详见 csxiaoyaojianxian 的 html5 仓库

10-websocket/index.html

+38-4
Original file line numberDiff line numberDiff line change
@@ -19,19 +19,52 @@ <h2>websocket 特性</h2>
1919
5.没有同源限制,客户端可以与任意服务器通信<br>
2020
6.协议标识符是ws(如果加密,则为wss),服务器网址就是 URL<br>
2121
</p>
22+
<p>
2223

23-
<script>
24+
Socket.bufferedAmount
2425

26+
【事件】
27+
Socket.onopen 连接建立时触发
28+
Socket.onmessage 客户端接收服务端数据时触发
29+
Socket.onerror 通信发生错误时触发
30+
Socket.onclose 连接关闭时触发
31+
32+
【方法】
33+
Socket.send() 使用连接发送数据
34+
Socket.close() 关闭连接
35+
<pre>
36+
function WebSocketTest(){
37+
if ("WebSocket" in window){
38+
var ws = new WebSocket("ws://localhost:8080/echo");
39+
ws.onopen = function(){
40+
ws.send("发送数据");
41+
};
42+
ws.onmessage = function (evt) {
43+
var received_msg = evt.data;
44+
};
45+
ws.onclose = function(){
46+
alert("连接已关闭...");
47+
};
48+
}
49+
else{
50+
alert("您的浏览器不支持 WebSocket!");
51+
}
52+
}
53+
</pre>
54+
</p>
55+
<script>
56+
// 【 websocket创建 】
57+
// var Socket = new WebSocket(url, [protocol]);
2558
var ws=new WebSocket("ws://127.0.0.1:8000");
2659

2760
/**
2861
* 获取websocket状态
2962
*/
3063
function getState(){
3164
/**
32-
* 【 readyState 】
33-
* CONNECTING:值为0,表示正在连接
34-
* OPEN:值为1,表示连接成功,可以通信了
65+
* 【 readyState 】只读,表示连接状态
66+
* CONNECTING:值为0,连接尚未建立,表示正在连接
67+
* OPEN:值为1,表示连接成功,可以通信
3568
* CLOSING:值为2,表示连接正在关闭
3669
* CLOSED:值为3,表示连接已经关闭,或者打开连接失败
3770
*/
@@ -114,6 +147,7 @@ <h2>websocket 特性</h2>
114147
* 3.发送 ArrayBuffer 对象
115148
* Sending canvas ImageData as ArrayBuffer
116149
* 实例对象的bufferedAmount属性,表示还有多少字节的二进制数据没有发送出去,可以用来判断发送是否结束
150+
* bufferedAmount只读,表示已被 send() 放入队列中等待传输但还没发出的 UTF-8 文本字节数
117151
*/
118152
// var img = canvas_context.getImageData(0, 0, 400, 320);
119153
// var binary = new Uint8Array(img.data.length);

0 commit comments

Comments
 (0)