docs: fix socketio's browser demo (#2645)

eggjs · Jun 14, 2018 · 239ce03 · 239ce03
1 parent 73ca1b7
commit 239ce03
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 32 deletions.
diff --git a/docs/source/en/tutorials/socketio.md b/docs/source/en/tutorials/socketio.md
@@ -337,7 +337,7 @@ window.onload = function() {
     // Actual use can pass parameters here
     query: {
       room: 'demo',
-      userId: `client_${Math.random()}`
+      userId: `client_${Math.random()}`,
     },
 
     transports: ['websocket']
@@ -346,27 +346,29 @@ window.onload = function() {
   socket.on('connect', () => {
     const id = socket.id;
 
-    log('#connect,', id, socket); // Receive online user information
-
-    socket.on('online', msg => {
-      log('#online,', msg);
-    }); // Listen for its own id to implement p2p communication
+    log('#connect,', id, socket); // receive online user information
 
+    // listen for its own id to implement p2p communication
     socket.on(id, msg => {
       log('#receive,', msg);
-    }); // system event
-
-    socket.on('disconnect', msg => {
-      log('#disconnect', msg);
     });
+  });
 
-    socket.on('disconnecting', () => {
-      log('#disconnecting');
-    });
+  socket.on('online', msg => {
+    log('#online,', msg);
+  });
 
-    socket.on('error', () => {
-      log('#error');
-    });
+  // system events
+  socket.on('disconnect', msg => {
+    log('#disconnect', msg);
+  });
+
+  socket.on('disconnecting', () => {
+    log('#disconnecting');
+  });
+
+  socket.on('error', () => {
+    log('#error');
   });
 
   window.socket = socket;

diff --git a/docs/source/zh-cn/tutorials/socketio.md b/docs/source/zh-cn/tutorials/socketio.md
@@ -342,7 +342,7 @@ UI 相关的内容不重复写了，通过 window.socket 调用即可
 // browser
 const log = console.log;
 
-window.onload = function () {
+window.onload = function() {
   // init
   const socket = io('/', {
 
@@ -360,29 +360,28 @@ window.onload = function () {
 
     log('#connect,', id, socket);
 
-    // 接收在线用户信息
-    socket.on('online', msg => {
-      log('#online,', msg);
-    });
-
     // 监听自身 id 以实现 p2p 通讯
     socket.on(id, msg => {
       log('#receive,', msg);
     });
+  });
 
-    // 系统事件
-    socket.on('disconnect', msg => {
-      log('#disconnect', msg);
-    });
+  // 接收在线用户信息
+  socket.on('online', msg => {
+    log('#online,', msg);
+  });
 
-    socket.on('disconnecting', () => {
-      log('#disconnecting');
-    });
+  // 系统事件
+  socket.on('disconnect', msg => {
+    log('#disconnect', msg);
+  });
 
-    socket.on('error', () => {
-      log('#error');
-    });
+  socket.on('disconnecting', () => {
+    log('#disconnecting');
+  });
 
+  socket.on('error', () => {
+    log('#error');
   });
 
   window.socket = socket;