vue-miniQQ——基于Vue2实现的仿手机QQ单页面应用（接入了聊天机器人，能够进行正常对话）...

使用Vue2进行的仿手机QQ的webapp的制作，作品由个人独立开发，源码中进行了详细的注释。由于自己也是初学Vue2，所以注释写的不够精简，请见谅。

项目地址 https://github.com/jiangqizheng/vue-MiniQQ

项目已实现功能
- 对话功能——想着既然是QQ总要能进行对话交流，所以在项目中接入了图灵聊天机器人，可以与列表中的每个人物进行对话。
- 左滑删除——左滑删除相关消息。
- 搜索页面——点击右上角搜索按钮，能够进入搜索页面，输入对应的单词或者数字，动态查找好友。
- 项目中数据流动由vuex进行控制
　　注：对于那句Flux 架构就像眼镜：您自会知道什么时候需要它。感觉好像懂了点什么。
动态图预览

　　侧边栏及个人主页

　　滑动删除

　　与机器人进行对话

　　搜索界面

　　tab键切换页面，整体ui

　　技术栈

　　vue-cli
　　vue2
　　vue-router
　　vuex
　　axios
　　stylus
　　webpack2
　　muse-ui

　　其他说明

　　由于是抱着边写边学的心态，所以可能会出现些不严谨的地方，或者明显的错误，关于这点，看到请反馈给我，十分感谢。
　　从零到目前的进度，虽然功能简单，但还是花费了不少时间，把项目上传是希望能够对一些同样正在学习Vue的小伙伴有一些帮助。
　　由于是第一次独立的写较为完整的Vue项目，所以希望大家给个Star! Q.o，并且欢迎讨论。

　　　　　　最后，项目地址 https://github.com/jiangqizheng/vue-MiniQQ

　　　　　　欢迎交流，希望能对vue学习中的小伙伴有一定的借鉴意义，由于是作者第一次写较复杂的个人项目，所以代码有不完善的地方请谅解，目前项目正在更新中，可以持续关注进度哦。

转载于:https://www.cnblogs.com/az96/p/6628456.html

vue-miniQQ——基于Vue2实现的仿手机QQ单页面应用（接入了聊天机器人，能够进行正常对话）...相关推荐

基于Vue2实现的仿手机QQapp（支持对话功能，滑动删除....）—— 聊聊开发过程中踩到的一些坑与解决方案，以及个人感悟...
使用Vue2进行的仿手机QQ的webapp的制作,在ui上,参考了设计师kaokao的作品,作品由个人独立开发,源码中进行了详细的注释. 由于自己也是初学Vue2,所以注释写的不够精简,请见谅. 目前 ...
Android ListView仿手机qq主页面
ListView的使用仿照个人qq主页面原图效果图首先删除原来的工具栏在values文件夹下的styles文件中将style标签中的parent改为NoActionBar parent=&q ...
前端大作业-仿手机QQ
简介此程序是本人大三时期的前端工程大作业,初学前端三件套(HTML.CSS.JavaScript)和Vue后所编写的一个程序,是一个仿手机QQ网页,以前端网页的形式实现手机QQ基本界面和功能. 本程 ...
仿手机QQ 登录、注册、找回密码、好友列表、QQ状态等功能的实现
仿手机QQ 登录.注册.找回密码.好友列表.QQ状态等功能的实现全文图 + 代码 .... 福利!!!(QQ登录背景,过度页面背景) 1.加载过程中的背景 2.登录页面 ==1. 登录页面布局 ...
安卓仿手机QQ消息BadgeView气泡跟随手指移动，并实现进出动画效果。
欢迎加安卓开发交流群:308372687(博主尽可能帮助大家)#安卓仿手机QQ消息BadgeView气泡,跟随手指移动,并实现进出动画效果. 欢迎加安卓开发交流群:308372687(博主尽可能帮助大 ...
仿手机QQ网络状态条的显示与消失，没网络时显示，有网络时自动消失，点击网络条设置网络
关注finddreams,一起分享,一起进步: http://blog.csdn.net/finddreams/article/details/44647843 我们都知道手机QQ上有这样一个功能,就 ...
[vue插件]基于vue2.x的电商图片放大镜插件
最近在撸一个电商网站,有一个需求是要像淘宝商品详情页那样,鼠标放在主图上,显示图片放大镜效果,找了一下貌似没有什么合适的vue插件,于是自己撸了一个,分享一下.小白第一次分享,各位大神莫见笑. vue ...
【vue】基于vue2.x的vue项目最最最基础模板
前言好久不见啊大家,今天想写这篇博客的时候才发现博客已经断更大半年了(手动滑稽) 由于去年十二月份被公司再次发配到上海出差,而且这次主要开发的是针对IE浏览器的一个插件(c++ 和 js 的交互) ...
Android开发学习之仿手机QQ消息列表侧滑删除效果
今天想和大家分享的是手机QQ消息列表侧滑删除效果,这种效果在IOS中被封装为一个列表控件,而手机QQ则是将这个功能移植到了Android上,换言之,这并非是手机QQ的独创.尽管如此,用户体验依然得到了 ...
Android仿手机QQ空间动态评论,自动定位到输入框
手机QQ空间浏览好友动态时,可以直接对动态评论,点击某条评论,动态列表自动滚动,使输入框刚好在该评论下面,而不会覆盖住评论内容.如下图所示, 首先要实现输入框刚好在输入面板上面,且动态列表不会被挤上去 ...

vue-miniQQ——基于Vue2实现的仿手机QQ单页面应用（接入了聊天机器人，能够进行正常对话）...

项目已实现功能

技术栈

其他说明

vue-miniQQ——基于Vue2实现的仿手机QQ单页面应用（接入了聊天机器人，能够进行正常对话）...相关推荐

最新文章

热门文章