zoukankan      html  css  js  c++  java
  • 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学习中的小伙伴有一定的借鉴意义,由于是作者第一次写较复杂的个人项目,所以代码有不完善的地方请谅解,目前项目正在更新中,可以持续关注进度哦。

  • 相关阅读:
    Java 反射机制分析指南
    git将本地代码提交到远程仓库
    git提交本地分支到远程分支
    git分支branch合并到主分支master
    git分支学习笔记2-解决合并的冲突
    MySQL EXPLAIN 详解
    MySQL show processlist说明
    MySQL ibdata1文件太大的解决办法
    Linux如何安装PHPMyAdmin
    Linux-makefile命令后面的-j4 -j8是什么意思?
  • 原文地址:https://www.cnblogs.com/az96/p/6628456.html
Copyright © 2011-2022 走看看