• 投稿

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

122.3万
3.5万
2024-01-23 12:13:02
未经作者授权，禁止转载
2.1万
2.3万
4.5万
6532
配套学习资料：https://gitee.com/qingnian8/univue3 课程技术亮点：uniapp+Vue3+uni-ui+插件市场+unicloud+详细的HTMLcss布局 如果课程满意记得给个一键三连，关注UP。
web前端进阶
毕设大作业
咸虾米壁纸
html5+css3
vue3
uni-app
每一秒都是对知识的热爱
咸虾米_ 发消息
分享程序开发与设计，简单学知识~~
视频选集
（1/116）
1.1.uniapp知识点概述及项目演示
06:42
1.2.使用HBuilder编辑器创建vue3新项目
09:00
1.3.配置外部浏览器及各种小程序模拟器
10:18
1.4.创建页面及vue页面内基本组成部分
11:45
2.1.view和text常用视图容器组件
12:40
2.2.scroll-view可滚动视图区域组件
07:50
2.3.swiper滑块视图容器的用法
10:19
2.4.image媒体组件属性配合swiper轮播
13:39
2.5.navigator路由与页面跳转
08:13
2.6.常用的表单组件button和input
14:57
3.1.vue3的模板语法插值表达式用法
09:19
3.2.使用ref定义响应式数据变量
09:47
3.3.v-bind指令配合图片轮播案例
12:54
3.4.class类和style内联样式的绑定
13:36
3.5.原生事件监听及组件内置事件处理
14:46
3.6.创建自定义模板快速创建uniapp的vue3页面结构
03:58
3.7.v-if条件渲染及v-show的选择对比
12:55
3.8.v-for列表渲染的用法
11:19
3.9.【购物车案例】for循环为什么使用key
10:27
3.10.【小鸡案例】表单focus和blur事件用法
14:40
3.11.v-model双向绑定的实现原理
08:34
3.12.【热梗案例】知识点阶段性综合汇总
14:47
3.13.computed计算属性用法及方法对比
15:00
3.14.【计价案例】计算属性配合循环遍历统计总价
17:44
3.15.watch和watchEffect监听的使用
15:54
4.1.uniapp创建组件和vue官方文档的差异对比
13:51
4.2.在组件中通过Props进行数据传递
11:49
4.3.Prop校验与prop默认值用法及循环遍历数组对象
14:44
4.4.插槽Slots及具名插槽实现组件高度定制化
13:25
4.5.组件中emit的声明触发事件
16:24
4.6.vue3组合式API中的组件的生命周期函数（钩子函数）
16:13
4.7.使用defineExpose暴漏子组件的属性及方法
10:45
4.8.页面生命周期onLoad和onReady在vue3组合式api中的使用
12:51
4.9.onShow和onHide钩子的对比和执行顺序
14:10
4.10.onUnload页面卸载和onPageScroll监听页面滚动
10:24
5.1.响应式单位rpx及搭配使用UI产品工具
14:39
5.2.@import导入css样式及scss变量用法与static目录
14:00
5.3.pages.json页面路由globalStyle的属性
14:50
5.4.pages设置页面路径及窗口表现
08:40
5.5.tabBar设置底部菜单选项及iconfont图标
14:40
5.6.manifest.json配置和注册微信小程序appid
08:10
5.7.vite.config中安装插件unplugin-auto-import自动导入vue和uniapp
08:37
5.8.uni-api交互反馈showToast的用法
11:45
5.9.showLoading加载和showModal模态框示例
11:17
5.10.showActionSheet从底部向上弹出操作菜单
04:41
5.11.动态设置页面导航条的样式
07:22
5.12.setTabBar设置TabBar和下拉刷新API
12:33
5.13.页面和路由API-navigateTo及页面栈getCurrentPages
09:51
5.14.StorageSync数据缓存API
13:02
5.15.uni.request发起网络请求3种回调结果调用
15:47
5.16.request各种不同类型的参数详解
13:45
6.1.【萌宠案例】页面布局
09:12
6.2.【萌宠案例】调用萌宠API接口渲染到页面中
10:23
6.3.【萌宠案例】使用API接口通过传输头传递access-key
05:23
6.4.【萌宠案例】previewImage图片预览和lazy-load懒加载
12:23
6.5.【萌宠案例】对回调结果严格处理then_catch_finally用法
09:13
6.6.【萌宠案例】完成下拉刷新和触底加载更多
10:57
6.7.【萌宠案例】pageScrollTo滚动到顶部和刷新
12:08
6.8.【萌宠案例】使用uni-ui扩展组件
13:42
6.9.【萌宠案例】分段器组件实现点击切换萌宠类型
09:39
7.1.咸虾米壁纸项目概述
03:27
7.2.项目初始化公共目录和设计稿尺寸测量工具
10:33
7.3.banner海报swiper轮播器
08:36
7.4.使用swiper的纵向轮播做公告区域
13:58
7.5.每日推荐滑动scroll-view布局
09:19
7.6.组件具名插槽定义公共标题模块
11:55
7.7.细节拉满磨砂背景定位布局做专题组件
15:57
7.8.同一组件Props传递不同属性值展示不同效果
09:22
7.9.设置项目底部tab页面切换标签
07:35
7.10.个人中心页面布局
15:57
7.11.ifdef条件编译实现多终端匹配和客服消息
15:17
7.12.设置页面全局渐变线性渐变背景色
10:24
7.13.定义scss颜色变量deep()修改子组件css样式
17:09
7.14.创建分类列表完成各页面的跳转
12:33
7.15.全屏页面absolute定位布局和fit-content内容宽度
13:01
7.16.遮罩层状态转换及日期格式化
13:47
7.17.uni-popup弹窗层制作弹出信息内容效果
21:19
7.18.评分弹出框uni-rate组件的属性方法
12:34
7.19.自定义头部导航栏布局
14:24
7.20.获取系统信息getSystemInfo状态栏和胶囊按钮
12:51
7.21.抽离公共方法用条件编译对抖音小程序适配
16:58
7.22.完善页面布局实现各个页面的串联
15:25
8.1.调用网络接口在首页展示真实数据并渲染
14:56
8.2.使用Promise封装request网络请求
19:57
8.3.对封装的request请求进行传参
09:18
8.4.给专题组件通过defineProps声明变量传值渲染
10:48
8.5.使用ChatGPT AI辅助工具写JS工具方法并完成分类页面渲染
11:12
8.6.调试分类列表接口将数据渲染到页面中
09:05
8.7.从onLoad获取参数作为接口的参数获取对应的数据
11:35
8.8.触底加载更多阻止无效的网络请求
10:09
8.9.骨架屏和触底加载load-more样式的展现
14:39
8.10.分类列表存入Storage在预览页面读取缓存展示
13:07
8.11.通过swiper的事件实现真正的壁纸预览及切换
12:04
8.12.(选学但重要)巧妙解决首次加载额外的图片网络消耗
16:30
8.13.展示每张壁纸的专属信息
06:30
8.14.对接评分接口对壁纸进行滑动提交打分
11:28
8.15.通过本地缓存修改已评分过的状态
08:01
8.16.saveImageToPhotosAlbum保存壁纸到相册
12:00
8.17.openSetting调用客户端授权信息及各种异常处理
15:16
8.18.try{}catch处理同步请求下载记录异常处理
15:23
8.19.onShareAppMessage分享好友和分享微信朋友圈
13:35
8.20.对分享页面传参进行特殊处理
16:42
8.21.处理popup底部弹窗空缺安全区域及其他页面优化
14:47
9.1.获取个人中心接口数据渲染到用户页面中
11:35
9.2.共用分类列表页面实现我的下载和评分页面
09:29
9.3.使用mp-html富文本插件渲染公告详情页面
15:57
9.4.搜索页面布局及结合数据缓存展示搜索历史
15:24
9.5.对接搜索接口预览搜索结果
18:59
9.5.（补充）修复重复搜索未初始化造成的bug
09:04
9.6.banner中navigator组件跳转到其他小程序及bug解决
12:45
10.1.打包发行微信小程序的上线全流程
12:19
10.1.（补充）追加新的downloadFile合法域名
01:46
10.2.打包抖音小程序条件编译抖音专属代码
14:22
10.3.打包H5并发布上线到unicloud的前端网页托管
15:24
10.4.打包安卓APP并安装运行
16:08
10.5.【完结撒花】项目总结和知识拓展
04:38

新课uniapp零基础入门到项目打包（微信小程序/H5/vue/安卓apk）全掌握
咸虾米_
106万 1.4万

黑马程序员Python+AI零基础入门到大神全套视频课程，覆盖Python核心语法、AI应用、数据分析及Web应用等python实战项目开发全流程
黑马程序员
1220.7万 8.5万

【2026最全】微信小程序开发全攻略，一天完全学会，从零基础到项目发布全流程，带你一天速通微信小程序，学完即可创建属于自己的小程序！
汉室幽而复明
18.7万 192

1.uniappx介绍-uniappx零基础入门课程
数字泉书
1.3万 5

最新零基础入门微信小程序开发包熟，企业级商业项目实战案例开发，0基础到项目发布上线，涵盖uni-app和vant
咸虾米_
44.6万 1.5万

uniCloud云开发Vue3版本官方推荐用法，uniapp进阶项目H5微信小程序，JQL语法uni-starter/uni-admin/unicms后台管理
咸虾米_
24.7万 4014

尚硅谷Vue3入门到实战，最新版vue3+TypeScript前端开发教程
尚硅谷
328.2万 4.6万

uniCloud云开发视频教程-从基础入门到项目开发实战-uniapp进阶课文章管理系统（云函数/云数据库/云存储）
咸虾米_
20.6万 6703

2022 最新 Android 基础教程，从开发入门到项目实战，看它就够了，更新中
动脑学院
243.9万 2.5万

千锋教育前端uniapp入门到实战项目教程(微信小程序+H5+安卓APP+IOS APP)
千锋教育
103.9万 3493

【2025】微信小程序开发教程，真正适合零基础小白的微信小程序实战课程，从零基础到项目发布全流程，带你一天速通微信小程序，学完即可创建属于自己的小程序！
计算机拓荒者
125.1万 5915

前端最新Vue2+Vue3基础入门到实战项目全套教程，自学前端vue就选黑马程序员，一套全通关！
黑马程序员
355.8万 9.1万

2025最新uniapp零基础入门，uniapp教程，uniapp小程序开发，uniapp项目实战，uniapp零基础入门到实战
AI全栈开发教程
12.2万 78

'鸡汤来喽'社交类微信小程序开发基于uniapp+uniCloud前后端一体式项目(布局篇)【咸虾米_】
咸虾米_
3.4万 412

2025版pink老师最新AI+前端入门教程，零基础必看的html5、css3、grid、flex布局、响应式、移动端，bootstrap5框架，AI工具
黑马pink讲前端
230.9万 1.5万

全网首套鸿蒙5.0零基础入门到项目实战开发全套视频教程，原生鸿蒙正式版项目实战从ArkTS+AI到V2应用状态管理，鸿蒙API16应用开发全掌握
黑马程序员
95.3万 3432

2026新版uniapp从基础入门到企业级实战开发教程！uniapp+vue3前台+后台管理系统！接口文档齐全！
前端实战
3378 0

uniapp小程序开发，uniapp项目实战，uniapp陪诊小程序，最新vue3语法零基础入门到实战，共（37讲）全部完结
AI全栈项目
8.5万 96

【提供真实接口】2026 React Native + Expo 零基础到项目实战教程/课程（全集）
东哥-长乐未央
15.2万 100

uniCloud云开发进阶篇多用户社区博客实战项目开发教程（Schema/JQL语法/uni-id用户/uview-ui/uniapp/uni-admin）
咸虾米_
16.4万 8756
展开
慢读人文，通透古今
客服
顶部
赛事库 课堂 2021拜年纪