前言 这个项目是利用工作之余写的一个模仿微信app的单页面应用,整个项目包含27个页面,涉及实时群聊,机器人聊天,同学录,朋友圈等等,后续页面还是开发中.写这个项目主要目的是练习和熟悉vue和vuex的配合使用,利用socket.io实现实时聊天. 技术栈 vue2+vue-router+webpack+vuex+sass+svg构图+es6/7 源码地址 源码地址:https://github.com/bailichen/vue-weixin 项目运行 git clone https://gi…

目录 1,前言 2,已有功能 3,使用 4,目录结构 5,页面效果 登录页 首页 排行榜 歌单列表 歌单详情 歌手列表 歌手详情 MV列表 MV详情 搜索页 播放器 1,前言 项目基于Vue2全家桶及网易云音乐 Node Api实现,网站风格简约清新,体验比较流畅. 下载地址:https://github.com/pdd11997110103/web-Music 2,已有功能 网易云APP扫码登录 & 网易云账号登录 注册 音乐播放器 歌单 & 详情 歌手 & 详情 MV &…

基于uniapp + vue 实现仿微信App聊天应用实践,实现以下功能 1: 用户登陆 2: 聊天会话管理 3: 文本/图片/视频/定位消息收发 4: 贴图表情消息收发 5: 一对一语音视频在线通话 项目开发环境 IDE:HbuilderX 3.0+ 开发框架:uniapp + vue2.x + sass 运行平台:Android.IOS 环境要求:window7+,macOS 10.12.6+, node 10.14.5+ 效果演示 教程目录 1. 从0开始配置工程项目 1.1 获取Demo…

基于uniapp + nvue实现的uniapp仿微信App聊天应用 txim 实例项目,实现了以下功能. 1: 聊天会话管理 2: 好友列表 3: 文字.语音.视频.表情.位置等聊天消息收发 4: 一对一语音视频在线通话  技术实现 开发环境:HbuilderX + nodejs 技术框架:uniapp + vue2.x + node-sass 状态管理:Vuex 测试环境:App端(Android + IOS) 插件:Zhimi-TXIM.Zhimi-TRTCCalling 代码:开源 效果…

基于uniapp + nvue实现的uniapp仿微信界面功能聊天应用 txim 实例项目,实现了以下功能. 1: 聊天会话管理 2: 好友列表 3: 文字.语音.视频.表情.位置等聊天消息收发 4: 一对一语音视频在线通话 先放上效果预览 技术实现 开发环境:HbuilderX + nodejs 技术框架:uniapp + vue2.x + node-sass 状态管理:Vuex 自定义组件:ChatLayout.ChatContactItem.ChatInputBox.ChatMessage…

之前的博文<Android中使用ExpandableListView实现好友分组>我简单介绍了使用ExpandableListView实现简单的好友分组功能,今天我们针对之前的所做的仿微信APP来对ExpandableListView做一个扩展介绍,实现效果如下(通讯里使用ExpandableListView实现): 相关知识点博文链接: Android中使用ExpandableListView实现好友分组 Android中Fragment和ViewPager那点事儿 Android中List…

10:14:11独立开发者在开发移动端产品时,为了更高效,通常会使用Web技术来开发移动端项目,可以同时适配Android.iOS.H5,稍加改动还可适配微信小程序. 在使用Vue.js开发移动端页面的时候,默认的组件转场效果过于生硬,根本就没有动画效果.于是我用Vue提供的组件过渡功能,写了个仿微信app页面跳转的动画,以提高用户体验. 废话不多说,直接上图 在600元骁龙632安卓测试机效果流畅. 代码量很少,已上传至GitHub https://github.com/YellowDoing…

一.项目简介 基于Vue3.0+Vant3.x+Vuex4.x+Vue-router4+V3Popup等技术开发实现的仿微信手机App聊天实例项目Vue3-Chatroom.实现了发送图文表情消息/gif图.图片/视频预览.网址查看.下拉刷新功能.红包/朋友圈等功能. 二.技术选型 编辑器:VScode/Sublime 使用技术:Vue3.x+Vuex4.x+Vue-Router4 UI组件库:Vant-UI3.x (有赞移动端Vue3组件库) 弹层组件:V3Popup(基于vue3.0封装自定…

本文转载于:https://www.jianshu.com/p/32beaca25c0d   都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件.监听事件.取消事件....(确实很烦).vue的官方文档还是不错的,由浅到深,如果不使用构建工具确实用的很爽,但是这在实际项目应用中是不可能的,当用vue-cl…

一.项目简述 nuxt-chatroom 基于Nuxt.js+Vue.js+Vuex+Vant+VPopup等技术构建开发的仿微信|探探App界面社交聊天室项目.实现了卡片式翻牌滑动.消息发送/emoj表情.图片/视频预览.下拉刷新消息.红包/朋友圈等功能. 预览片段 二.技术栈 编码/技术:Vscode + NuxtJs/Vue/Vuex UI组件库:Vant (有赞移动端vue组件库) 字体图标:阿里iconfont图标库 弹窗组件:VPopup(基于vue封装自定义弹框) 本地存储:coo…