更新 'README.md'

将项目演示部分提到前面

README.md

@@ -28,6 +28,11 @@
 * **BlockQueue：为不同段位的玩家设计不同的阻塞式匹配队列来完成游戏的匹配功能。**
 * **HTML/CSS/JS/AJAX：通过 HTML/CSS/JS 来构建与渲染游戏前端页面，以及通过 AJAX来向服务器发送 HTTP 客户端请求。**
 
+## 4.项目演示
+![注册界面](https://img-blog.csdnimg.cn/img_convert/1b3fda473f54b555a1a48225b078a9b5.png)
+![对战界面](https://img-blog.csdnimg.cn/img_convert/cdf658b4aa84ac1df9273b8e496e35ba.png)
+![结算页面](https://img-blog.csdnimg.cn/img_convert/2f2ee83138cf1da4795a40d3fa169529.png)
+
 ## 通信原理
 
 ![socket](https://img-blog.csdnimg.cn/img_convert/3120c96b20c0bb5397d4e63deb7bb503.png)
@@ -38,10 +43,6 @@
 ## 服务器角度流程图
 ![服务器角度流程图](https://img-blog.csdnimg.cn/img_convert/359cecca7c28a86a56d6f927fcf72e33.png)
 
-## 项目演示
-![注册界面](https://img-blog.csdnimg.cn/img_convert/1b3fda473f54b555a1a48225b078a9b5.png)
-![对战界面](https://img-blog.csdnimg.cn/img_convert/cdf658b4aa84ac1df9273b8e496e35ba.png)
-![结算页面](https://img-blog.csdnimg.cn/img_convert/2f2ee83138cf1da4795a40d3fa169529.png)