一款基于Vue2.0高仿微信App的单页应用
概述
利用Vue2.0模仿微信app,努力做到以假乱真的效果。个人独立开发,源码中有详细的注释,为新手提供许多有用的提示信息。项目的第一期接近尾声,后期会增加 仿3DTouch、登陆、注册、emoji表情内嵌、通讯录检索、朋友圈图片查看等功能,让它更接近微信App的用户交互体验。
项目地址 https://github.com/zhaohaodang/vue-WeChat
http://git.oschina.net/liuyuantao/vue2-WeChat
手机预览
首选红色,加载较快 <基于阿里云虚拟机 有效期至2018-03-02>
蓝色为备胎,加载较慢
测试机为iPhone 6s,在微信内置浏览器以及Safari、Chrome浏览器中运行良好。
若觉得不错想给作者点个赞,可以给项目增加一个 Star ★,项目会被收录在 Your stars 中,方便日后查看。
若想时时关注项目动态,可 Watch ⊙ 此项目,github平台会及时通知你项目的动态,你的邮箱也会收到通知。
桌面预览
加载较快 http://zhaohaodang.com/ <基于阿里云虚拟机 有效期至2018-03-02>
备选 加载较慢 https://vue2-wechat.github.io
桌面端浏览时,建议打开开发者工具 F12
,模拟手机预览 Ctrl+Shift+M
(Chrome)
动图预览
微信列表的滑动交互
搜素组件的动画效果
进入对话框
对话框信息
首页Tab切换
技术相关
- vue-WeChat Wiki 中记录了开发此项目需要的知识储备、开发思路、开发利器等。内容会不断更新,实际上想把它建成个人快速开发的代码库。
- 每个主要的.vue和.js文件都有详细的注释提示,建议将仓库
clone
到本地,查看源码。
示例1( store.js 注解)
示例2( App.vue 注解)
问题反馈
建议移步Issues,欢迎反馈项目中的不良/错误表现,以及你在开发过程遇到的问题,作者会积极回复。
吐槽
-
作者是上班族,下班时间搞的这个项目,简直就像是在加班 ( ̄_ ̄|||)
-
能用两周时间结束第一期,也是出乎意料,所以会有一些糟糕的使用体验,在所难免
-
后期会放出适合新手练手的demo仓库,适合在此基础上进行二次开发的项目。
相关文章
- nrf51822中app_button 的应用
- ios app 支持 ipv6-only
- uni-app - 配置 Vuex 状态管理(在 uni-app 项目中使用 Vuex 状态管理)
- uni-app - App 平台内嵌网页物理手机自带返回键失效解决方案(内嵌的 webview 网页 H5 打包后手机物理返回键无效直接退出应用了)
- JavaScript - 唤醒 app store 跳转到苹果商店内下载指定应用页面
- [WPF] 使用 Visual Studio App Center 持续监视应用使用情况和问题
- 【HMS core】【FAQ】In-App Purchases 常见问题分享
- 《精通移动App测试实战:技术、工具和案例》一2.2 JUnit在Android开发中的应用
- 风车IM即时通讯聊天系统源码_聊天APP_附APP_带安装教程
- SwiftUI 如何让iPad App运行到macOS上Catalyst (教程)
- SwiftUI macOS 之 制作个随机摇奖App (教程含源码)
- TA(App总启动时间) = T1(main()之前的加载时间 进程构建时间) + T2(main()之后的加载时间 运行环境准备时间) +T3(首页数据加载+闪屏页数据同步) 应用时间
- Android点击两次返回键退出App
- 为什么app都是异步编程
- “僵尸”横行的APP市场:如何才能击中用户High点?
- Windows Phone App Studio 无码开发手机应用
- uni-app如何判断是否安装腾讯QQ微信微博支付宝淘宝等客户端,解决IOS应用审核被拒:用户应该能够使用微信登录并访问自己的帐户,而无需安装任何其他应用程序。
- Flutter设置App的应用名字和应用logo图标的方法(android ios web)
- Windows 10迎来第三方谷歌地图应用Maps App Discovery
- 第三方应用商店仍为用户获取APP主渠道 细分市场或成新增长点
- APP FPS 应用流畅度测试
- 火爆:Snapchat成App Store搜索量/频率最高应用