做了一个 仿qq的APP

由本人 一人独自开发聊天仿qq工具

用的工具Visual Studio Code 

前端 脚手架cli  （vue vuex vue-router）ui (MuseUI)  实现各个屏幕兼容(less rem算法 和 flex 布局) 上下滚动 (better-scroll) 懒加载 ( VueLazyload) 调取接口 (axios) 轮播 (VueAwesomeSwiper) 图表 (echarts) icon (google图标库) web worker （处理多线程）

后端 nodejs express mysql

第一章 登录

登录 前端 做空验证  后端做 用户名 密码验证 验证不通过 返回字段 如果通过 前端 进行跳转页面 存入token 鉴权

第二章 注册

前端 做 是不是空验证 后端 做 用户名存在监测验证 验证通过 成功注册

第三章 首页

ui 使用的是 muse ui 的底部组件 和 list 组件 和微标 组件 数据来源 数据库随机生成 中文名字 等等信息

第四章 聊天 

前端 后端 都用的是 socket io 进行 实时会话

第五章 好友系统

vuex 控制展开 的 列表

第六章 空间列表

用的还是 muse ui list组件

第七章 天气

天气接口 破解的是TX的 用的 echarts 图表

第八章 空间

空间接口 用的是 BSBDJ 的 接口 用的 算法 处理 视频大小

第九章 游戏

游戏 咨询列表 也是 破解的TX 的接口

第十章 侧边栏

没有技术含量 过

第十一章 设置页面

整个流程 是由vuex  全部控制

第十二章  检测

可以查看当前的地理坐标 和 整个APP 的流量检测

 

              大数据页面 可以统计每次接口请求的次数 

            

                      签到功能 vuex 数据流控制加 fs 控制json  文件

 

 

                     

                                     瀑布流布局 借用BD 的接口