首页 > 其他分享 >uni-app实战仿微信app开发

uni-app实战仿微信app开发

时间:2025-01-21 19:38:09浏览次数:1  
标签:24 app 列表 mp4 开发 聊天 uni 仿微信 朋友圈

uni-app实战仿微信app开发 nvue

'1 项目介绍_/点击获取更多资源.url'_

uni-app+egg.js实战仿微信app和小程序实战开发一次开发,同时搞定Android、iOS和小程序端开启纯nvue原生渲染,大大提高性能

课程大纲网易云课堂聊天相关消息相关我的相关好友相关朋友圈相关发送聊天类型设置备注和标签更换相册封面修改个人信息生成二维码名片文字推荐名片发朋友圈单聊文字图片设为星标朋友管理我的收藏群聊管理我的朋友圈设置朋友圈和动态权限置顶聊天音频图片查找聊天记录账号安全设置短视频加入黑名单短视频消息免打扰表情包投诉用户拍摄发布其他设置清空聊天记录拍摄删除好友相册选择发布退出投诉名片查找添加用户谁可以看切换账号修改群聊名称撤回扫一扫添加用户点赞群二维码转发发信息评论群公告推送收藏查看朋友圈修改我在本群的昵称复制删除退出群聊ITJC8.COM发起群聊扫一扫加入群聊

后端特色C通往全栈之路心跳机制010502云部署Redis 高性能持久存储0403wss协议RESTful API

https://uniapp.dcloud.net.cn/tutorial/nvue-outline.html#nvue介绍

css module..

仿微信free.css

不同端适配不同css html

https://study.163.com/course/introduction.htm?courseId=1209487898#/courseDetail?tab=1

weex api

https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule

beforeCreate() {
				const domModule = uni.requireNativePlugin('dom')
				domModule.addRule('fontFace', {
					'fontFamily': "myIconfont",
					'src': "url('http://at.alicdn.com/t/font_2234252_v3hj1klw6k9.ttf')"
				});
			}
plus.navigator.getStatusbarHeight()+uni.upx2px(90) px unit
hover-class
system info width/hieght...
animation.transition....
const dom=weex.requireModule('dom')
//监听键盘高度变化uni.onKeyboardHeightChange
const innerAudioContext = uni.createInnerAudioContext ();
//音频 api 文字/播放/flag
//destory/stop null

uni.showActionSheet  bottom sheet 

const recorderManager = uni.getRecorderManager();
const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.autoplay = true;
img good tips
stop break stop watch sound
touch event tips record animate status
vw_w-wuwmwvLet Y = Math.abs(e.changedTouches[O].screenY - this.RecordingStartY)

撤回 时间引出页 ws/sql flag

表情数组name/gif/idx

plugins

IMg+gif

egg node iframe base to koa

npm insta11 --save egg-sequelize mysq12

ValParams API 说明

pack name uni appstore

android key

ios dev zh sign p12 notfree…

esc 轻量级服务器 宝塔 liunx h5 ngingx aphache

蒲公英专家测试PGYER.COM

https://zc.pgyer.com/ 上架测试....

'1 项目介绍_/项目介绍.mp4'
'2 环境搭建和项目创建_/2-1创建项目和开启原生渲染.mp4'
'2 环境搭建和项目创建_/点击获取更多资源.url'
'
'3 全局配置_/3-1 引入全局样式(一).mp4'
'3 全局配置_/3-2 引入全局样式(二).mp4'
'3 全局配置_/3-3 引入自定义图标库(一).mp4'
'3 全局配置_/3-4 引入自定义图标库(二)全局引入.mp4'
'3 全局配置_/3-5 引入自定义图标库(三)兼容多端.mp4'
'3 全局配置_/3-6 配置tabbar底部导航.mp4'
'3 全局配置_/3-7 配置globalStyle.mp4'
'3 全局配置_/点击获取更多资源.url'
'4 聊天列表页开发_/4-1 头部导航组件开发.mp4'
'4 聊天列表页开发_/4-10 封装聊天列表组件.mp4'
'4 聊天列表页开发_/4-11 封装全局mixin.mp4'
'4 聊天列表页开发_/4-12 开发弹出层组件(一)基础架构.mp4'
'4 聊天列表页开发_/4-13 开发弹出层组件(二)弹出关闭功能.mp4'
'4 聊天列表页开发_/4-14 开发弹出层组件(三).mp4'
'4 聊天列表页开发_/4-15 开发弹出层组件(四)自定义位置.mp4'
'4 聊天列表页开发_/4-16 开发弹出层组件(五)长按弹出菜单(一).mp4'
'4 聊天列表页开发_/4-17 开发弹出层组件(六)长按弹出菜单(二).mp4'
'4 聊天列表页开发_/4-18 开发弹出层组件(七)长按弹出菜单(三).mp4'
'4 聊天列表页开发_/4-19 开发弹出层组件(八)动画特效.mp4'
'4 聊天列表页开发_/4-2 图标按钮组件封装.mp4'
'4 聊天列表页开发_/4-20 开发导航弹出扩展菜单(一).mp4'
'4 聊天列表页开发_/4-21 开发导航弹出扩展菜单(二).mp4'
'4 聊天列表页开发_/4-22 删除当前会话.mp4'
'4 聊天列表页开发_/4-23 置顶,取消置顶当前会话.mp4'
'4 聊天列表页开发_/4-3 封装头部导航组件(一).mp4'
'4 聊天列表页开发_/4-4 封装头部导航组件(二).mp4'
'4 聊天列表页开发_/4-5 开发聊天列表组件(一).mp4'
'4 聊天列表页开发_/4-6 开发聊天列表组件(二).mp4'
'4 聊天列表页开发_/4-7 封装头像组件.mp4'
'4 聊天列表页开发_/4-8 badge组件开发.mp4'
'4 聊天列表页开发_/4-9 封装badge组件.mp4'
'4 聊天列表页开发_/点击获取更多资源.url'
'5 通讯录页开发_/5-1 通讯录列表组件开发.mp4'
'5 通讯录页开发_/5-2 封装公共列表组件.mp4'
'5 通讯录页开发_/5-3 完善通讯录列表.mp4'
'5 通讯录页开发_/点击获取更多资源.url'
'6 发现页开发_/6-1 优化公共列表组件.mp4'
'6 发现页开发_/6-2 完善发现页.mp4'
'6 发现页开发_/点击获取更多资源.url'
'7 个人中心开发_/7-1 优化自定义导航栏功能.mp4'
'7 个人中心开发_/7-2 强化全局列表组件.mp4'
'7 个人中心开发_/7-3 完善个人中心页.mp4'
'7 个人中心开发_/点击获取更多资源.url'
'8 聊天页开发_/01 聊天页导航开发.mp4'
'8 聊天页开发_/02 聊天页底部输入框开发.mp4'
'8 聊天页开发_/03 开发聊天内容区域.mp4'
'8 聊天页开发_/04 聊天气泡组件开发(一).mp4'
'8 聊天页开发_/05 聊天气泡组件开发(二).mp4'
'8 聊天页开发_/06 优化图标显示问题.mp4'
'8 聊天页开发_/07 封装聊天气泡组件(一).mp4'
'8 聊天页开发_/08 封装聊天气泡组件(二).mp4'
'8 聊天页开发_/09 聊天时间人性化显示.mp4'
'8 聊天页开发_/10 长按弹出操作菜单(一).mp4'
'8 聊天页开发_/11 长按弹出操作菜单(二).mp4'
'8 聊天页开发_/12 长按弹出操作菜单(三).mp4'
'8 聊天页开发_/13 消息撤回功能实现(一).mp4'
'8 聊天页开发_/14 消息撤回功能实现(二)动画效果.mp4'
'8 聊天页开发_/15 解决键盘顶起窗口问题.mp4'
'8 聊天页开发_/16 滚动到底部功能实现.mp4'
'8 聊天页开发_/17 发送文字功能实现.mp4'
'8 聊天页开发_/18 底部操作菜单开发(一).mp4'
'8 聊天页开发_/19 底部菜单开发(二)- 菜单列表(一).mp4'
'8 聊天页开发_/20 底部菜单开发(三)- 菜单列表(二).mp4'
'8 聊天页开发_/21 底部菜单开发(四)- 键盘切换(一).mp4'
'8 聊天页开发_/22 底部菜单开发(五)- 键盘切换(二).mp4'
'8 聊天页开发_/23 底部菜单开发(六)- 表情包(一).mp4'
'8 聊天页开发_/24 底部菜单开发(七)- 表情包(二).mp4'
'8 聊天页开发_/25 发送表情包功能(一).mp4'
'8 聊天页开发_/26 发送表情包功能(二).mp4'
'8 聊天页开发_/27 发送图片功能.mp4'
'8 聊天页开发_/28 预览图片保存相册功能.mp4'
'8 聊天页开发_/29 图片加载组件(一).mp4'
'8 聊天页开发_/30 图片加载组件(二).mp4'
'8 聊天页开发_/31 封装图片加载组件.mp4'
'8 聊天页开发_/32 语音播放功能(一).mp4'
'8 聊天页开发_/33 语音播放功能(二).mp4'
'8 聊天页开发_/34 多语音播放切换-引入vuex.mp4'
'8 聊天页开发_/35 多语音播放切换-自定义全局事件$on.mp4'
'8 聊天页开发_/36 多语音播放切换-自定义全局事件$emit.mp4'
'8 聊天页开发_/37 多语音播放切换-自定义全局事件$off.mp4'
'8 聊天页开发_/38 多语音播放切换-实现音频切换.mp4'
'8 聊天页开发_/39 修改action名称防止冲突.mp4'
'8 聊天页开发_/40 实现语音播放动画效果.mp4'
'8 聊天页开发_/41 短视频消息功能(一).mp4'
'8 聊天页开发_/42 短视频消息功能(二).mp4'
'8 聊天页开发_/43 短视频消息功能(三).mp4'
'8 聊天页开发_/44 处理音频时间和气泡长短.mp4'
'8 聊天页开发_/45 音频录制和文本输入切换.mp4'
'8 聊天页开发_/46 录制状态动画显示(一).mp4'
'8 聊天页开发_/47 录制状态动画显示(二).mp4'
'8 聊天页开发_/48 发送录音功能.mp4'
'8 聊天页开发_/49 计算音频时长.mp4'
'8 聊天页开发_/50 全局录音管理器(一).mp4'
'8 聊天页开发_/51 全局录音管理器(二).mp4'
'8 聊天页开发_/52 视频录制发送视频.mp4'
'8 聊天页开发_/点击获取更多资源.url'
'9 聊天信息设置页开发_/9-1 聊天信息设置页(一).mp4'
'9 聊天信息设置页开发_/9-2 聊天信息设置页(二).mp4'
'9 聊天信息设置页开发_/9-3 聊天信息设置页(三).mp4'

'10 好友设置页开发_/10-1 个人设置页开发(一).mp4'
'10 好友设置页开发_/10-2 个人设置页开发(二).mp4'
'10 好友设置页开发_/10-3 个人设置页开发(三)操作菜单.mp4'
'11 设置备注和标签页_/11-1 设置备注页(一).mp4'
'11 设置备注和标签页_/11-2 设置备注页(二).mp4'
'11 设置备注和标签页_/11-3 设置标签页(一)-标签列表.mp4'
'11 设置备注和标签页_/11-4 设置标签页(二)-添加标签.mp4'
'11 设置备注和标签页_/11-5 设置标签页(三)-删除和快捷添加.mp4'
'11 设置备注和标签页_/11-6 设置标签页(四)-保存.mp4'
'12 设置朋友圈和动态权限_/12-1 设置朋友圈动态权限.mp4'
'13 星标朋友和加入移出黑名单_/13-1 设为星标朋友.mp4'
'13 星标朋友和加入移出黑名单_/13-2 加入和移出黑名单.mp4'
'14 通讯录索引列表功能_/14-1 通讯录索引列表功能(一).mp4'
'14 通讯录索引列表功能_/14-2 通讯录索引列表功能(二).mp4'
'14 通讯录索引列表功能_/14-3 通讯录索引列表功能(三).mp4'
'15 推荐名片功能_/15-1 推荐名片(一).mp4'
'15 推荐名片功能_/15-2 推荐名片(二)- 多选功能.mp4'
'15 推荐名片功能_/15-3 推荐名片(三)-限制选中数量.mp4'
'15 推荐名片功能_/15-4 推荐名片(四)-实时搜索.mp4'
'15 推荐名片功能_/15-5 推荐名片(五)-提示框.mp4'
'15 推荐名片功能_/15-6 推荐名片(六)-提示框.mp4'
'16 用户投诉开发_/16-1 用户投诉开发.mp4'
'17 朋友圈开发_/17-1 朋友圈开发 - 渐变导航(上).mp4'
'17 朋友圈开发_/17-2 朋友圈开发 - 渐变导航(下).mp4'
'17 朋友圈开发_/17-3 朋友圈列表 - 单图多图.mp4'
'17 朋友圈开发_/17-4 朋友圈列表 - 组件封装.mp4'
'17 朋友圈开发_/17-5 朋友圈列表 - 视频.mp4'
'17 朋友圈开发_/17-6 朋友圈列表 - 点赞评论列表.mp4'
'17 朋友圈开发_/17-7 朋友圈列表 - 评论(一)-输入框.mp4'
'17 朋友圈开发_/17-8 朋友圈列表 - 评论(二)-表情包.mp4'
'18 个人资料设置开发_/18-1 个人资料设置开发(一).mp4'
'18 个人资料设置开发_/18-2 个人资料设置开发(二).mp4'
'19 二维码名片页开发_/19-1 二维码名片页开发.mp4''_

20 收藏列表开发/20-1 收藏列表开发.mp4'
'21 公共搜索页开发_/21-1 公共搜索页开发.mp4'
'22 发布朋友圈页面开发_/22-1 发布朋友圈页面-文字.mp4'
'22 发布朋友圈页面开发_/22-2 发布朋友圈页面-图文(一).mp4'
'22 发布朋友圈页面开发_/22-3 发布朋友圈页面-图文(二).mp4'
'22 发布朋友圈页面开发_/22-4 发布朋友圈页面-图文(三).mp4'
'22 发布朋友圈页面开发_/22-5 发布朋友圈页面-视频.mp4'
'23 登录注册页_/23-1 登录页面开发.mp4'
'23 登录注册页_/23-2 注册页面开发.mp4'
'23 登录注册页_/23-3 启动时登录页到首页过渡优化.mp4'
'24 egg.js基础课_/24-1 创建egg.js项目.mp4'
'24 egg.js基础课_/24-10 sequelize模型-查询单个.mp4'
'24 egg.js基础课_/24-11 sequelize模型-查询多个和获取器.mp4'
'24 egg.js基础课_/24-12 sequelize模型-where操作符.mp4'
'24 egg.js基础课_/24-13 sequelize模型-字段限制排序分页.mp4'
'24 egg.js基础课_/24-14 sequelize模型-修改和限制字段.mp4'
'24 egg.js基础课_/24-15 sequelize模型-删除和批量删除.mp4'
'24 egg.js基础课_/24-16 错误和异常统一处理.mp4'
'24 egg.js基础课_/24-17 中间件配置.mp4'
'24 egg.js基础课_/24-18 参数验证.mp4'
'24 egg.js基础课_/24-2 写第一个api接口.mp4'
'24 egg.js基础课_/24-3 router路由传参(一).mp4'
'24 egg.js基础课_/24-4 router路由传参(二).mp4'
'24 egg.js基础课_/24-5 资源路由和路由分组.mp4'
'24 egg.js基础课_/24-6 数据库迁移(一).mp4'
'24 egg.js基础课_/24-7 数据库迁移(二).mp4'
'24 egg.js基础课_/24-8 sequelize模型-新增.mp4'
'24 egg.js基础课_/24-9 sequelize模型-批量新增和修改器.mp4'
'26 打包上线_/1 部署前环境搭建.mp4'
'26 打包上线_/2 后端部署上线.mp4'
'26 打包上线_/3 部署H5端.mp4'
'26 打包上线_/4 安卓app打包上线.mp4'
'26 打包上线_/5 IOS端打包.mp4

标签:24,app,列表,mp4,开发,聊天,uni,仿微信,朋友圈
From: https://www.cnblogs.com/KooTeam/p/18684286

相关文章

  • [超表面论文快讯-34] Light: Science & Applications-电磁超材料强化学习智能体-北京
    栏目介绍:“论文快讯”栏目旨在精简地分享一周内发表在高水平期刊上的Metasurface领域研究成果,帮助读者及时了解领域前沿动态,如果对专栏的写法或内容有什么建议欢迎留言,后续会陆续开启其他专栏,敬请期待。论文基本信息标题:Electromagneticmetamaterialagent作者:......
  • Uniswap V3:流动性提供
    作者:WongSSH引言本系列文章将带领读者从零实现UniswapV3核心功能,深入解析其设计与实现。主要参考了Constructor|UniswapV3CoreContractExplained 系列教程、 UniswapV3DevelopmentBook 和 Paco博客中的相关内容。所有示例代码可在 clamm代码库中找到,以......
  • 【VOS源码解析-2024CVPR-Cutie】1、train_wrapper结构解析
    源码解析论文阅读1、数据预处理2、视频帧特征提取2.1pixelencoder特征提取2.2tranformer_key2.3特征图维度转换论文阅读原文阅读笔记githubarxiv地址训练框架1、train.py概览2、trainner.py概览model主体框架1、train_wrapper1、数据预处理d......
  • 1.21 JUnit单元测试
    JUnit单元测试1)在pom.xml中,引入JUnit的依赖点击查看代码<dependencies><!--https://mvnrepository.com/artifact/org.junit.jupiter/junit-jupiter-api--><dependency><groupId>org.junit.jupiter</groupId><artifactId&......
  • 了解blob和file对象,理解base64编码、unicode、utf-8编码
    blob对象1.定义Blob是BinaryLargeObject的缩写,表示二进制大对象。MDN上对其的定义是:Blob对象表示一个不可变、原始数据的类文件对象。可以通俗的说,Blob就是一只读的二进制对象。它并不是前端的所特有对象,而是计算机界的通用术语,在一些数据库中,例如,MYSQL中的BLOB类型就......
  • uniapp原生子窗体subNvue的使用
    官网解释:1.subNvue,是vue页面的原生子窗体,把weex渲染的原生界面当做vue页面的子窗体覆盖在页面上。2.它不是全屏页面,它给App平台vue页面中的层级覆盖和原生界面自定义提供了更强大和灵活的解决方案。3.它也不是组件,就是一个原生子窗体。使用场景:覆盖原生导航栏、tabbar......
  • uniapp——App 监听下载文件状态,打开文件(三)
    5+实现下载文件并打开这里演示,导出Excel表格文章目录5+实现下载文件并打开DEMO监听下载进度效果图为什么totalSize一直为0?相关Api:downloaderDEMO提示:请求方式支持:GET、POST;POST方式需要设置Content-Type;暂停下载任务:dtask.pause();取消下载任务:d......
  • 「免填邀请码」赋能各类APP,提升转化率与用户体验
    在当前移动互联网的高速发展下,用户获取和留存已成为各类APP成功的关键。传统的注册流程虽然能够有效识别用户来源并进行用户管理,但随着市场竞争的激烈,复杂的注册和绑定步骤往往会成为用户流失的瓶颈。免填邀请码技术,结合自研的归因模型算法和先进SDK,能够大幅简化用户的注册流程......
  • Doris 2.1 Queries Acceleration -Tuning Plan学习笔记
    1OptimizingTableSchemaDesign1.1Case1:TableEngineSelection1.1.1Thequeryperformanceofthesetablemodels,frombesttoworst,is:Duplicate>MOW>MOR==Aggregate.1.2Case2:BucketColumnSelection1.2.1Selectingappropriatebucket......
  • (2024最新毕设合集)基于SpringBoot的游乐园管理系统-69394|可做计算机毕业设计JAVA、PHP
    目录1绪论1.1选题背景与意义1.2国内外研究现状1.3论文结构与章节安排2系统分析2.1可行性分析2.1.1经济可行性2.1.2技术可行性2.1.3操作可行性2.2系统流程分析2.2.1系统开发流程2.2.2用户登录流程2.2.3系统操作流程2.2.4添加信息流程2.2.5......