小智

Author: csxiaoyaojianxian

04-常用功能/04-websocket/README.md

@@ -1,6 +1,6 @@
 # websocket 学习总结
 
-## 1. 目录结构
+目录结构
 
 ```
 |--- index.html      // 客户端程序，包括API
@@ -10,50 +10,3 @@
 |--- 兼容低版本浏览器  // flash兼容版本
 ```
 
-## 2. 智能客服设计
-
-### 2.1 效果图
-
-效果图01
-
-![智能客服01](pic/智能客服01.jpg)
-
-效果图02
-
-![智能客服02](pic/智能客服02.jpg)
-
-### 2.2 特性
-
-1. 即插即用，仅需引入一个js文件，即可实现效果
-2. 使用websocket，支持数据pull，push
-
-### 2.3 支持的消息数据类型
-
-1. 文本
-2. 图片（二进制 base64）
-3. 表情（正则替换）
-
-### 2.4 技术选型
-
-#### 2.4.1 前端
-
-1. 使用 webpack 构建
-2. react 实现组件化和模板渲染
-3. bootstrap 快速搭建 UI
-
-#### 2.4.2 后端
-
-1. nodejs (首选)
-2. go
-
-### 2.5 数据结构
-
-
-
-
-
-### 2.6 数据处理
-
-1. 敏感信息过滤
-2. 表情包正则替换
-3. 数据持久化，数据库

04-常用功能/04-websocket/pic/mobile.psd

@@ -0,0 +1,60 @@
+# 小智客服设计
+
+## 1 效果图
+
+效果图01
+
+![智能客服01](pic/智能客服01.jpg)
+
+效果图02
+
+![智能客服02](pic/智能客服02.jpg)
+
+效果图03
+
+![智能客服02](pic/mobile01.jpg)
+
+效果图04
+
+![智能客服02](pic/mobile02.jpg)
+
+## 2 特性
+
+1. 即插即用，仅需引入一个js文件，即可实现效果
+2. 使用websocket，实现数据的 pull，push
+3. 区分PC端和移动端，加载不同样式
+4. 其他特色功能：用户画像、战报数据推送……
+
+## 3 支持的消息数据类型
+
+1. 文本
+2. 图片（二进制 base64）
+3. 表情（正则替换）
+
+## 4 技术选型
+
+### 4.1 前端
+
+1. 使用 webpack 构建
+2. react 实现组件化和模板渲染
+3. bootstrap 快速搭建 UI
+
+### 4.2 后端
+
+1. nodejs (首选)
+2. go
+
+## 5 数据处理
+
+### 5.1 数据流
+
+
+
+### 5.2 数据结构
+
+
+
+### 5.3 数据额外处理
+
+1. 敏感信息过滤
+2. 表情包正则替换