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