正版资源uni-app 制作抖音短视频多端APP 视频教程
《uni-app 制作抖音短视频多端APP 视频教程 价值198元》image.webp (60.11 KB, 下载次数: 29) 下载附件 保存到相册 2021-5-31 14:32 上传【技能收获】学完可掌握：Vue / 前端工程化、MySQL / 数据库、短视频 / 自媒体运营。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工
支付成功后自动发货，可在「我的订单」查看网盘链接；链接失效可联系客服免费补链。
这套教程实际在讲什么
标题写的是「uni-app 制作抖音短视频多端APP」，但真正值得拿来对照实践的，不是"做一个抖音"这件事本身，而是它演示了一条用 uni-app 打通多端（H5、小程序、App）的短视频类产品实现路径。短视频类应用对前端的要求比较集中：视频流的渲染与回收、列表滚动性能、播放状态同步、下拉刷新与上拉加载、用户交互（点赞、评论、关注）的即时反馈。这些点在普通的管理后台项目里几乎练不到，而在这个主题里会被反复逼着处理。
如果你已经会写 Vue，但没做过"内容是视频"的移动端项目，这套资料的参考价值主要在这里——它把一个偏媒体型的产品拆成了可运行的工程结构，而不是停留在单个组件的演示。
技术栈与工程结构
核心是 uni-app（Vue 语法层）+ 一套后端接口 + 数据库。从线索里提到的 MySQL 可以看出，它不是纯前端 demo，而是前后端都覆盖的实战型内容。这意味着你能看到一条完整链路：页面发起请求、后端处理视频列表与用户数据、数据库存储记录，再回到前端渲染。
工程结构上，比较值得关注的是 uni-app 项目里常见的分层方式：
- 页面层（pages）负责路由与页面级状态，短视频类项目通常是「首页信息流 + 视频详情 + 个人主页 + 发布」这四类页面；
- 组件层承载可复用单元，比如视频卡片、播放器封装、评论列表、用户头像栏，这类组件在多个页面里反复出现，是抽取复用的重点；
- 请求层做统一封装，处理 baseURL、token、错误码、加载状态，避免每个页面各写一套；
- 多端适配层处理条件编译，因为同一份代码跑在不同端时，播放器、文件上传、权限申请的 API 会有差异。
对照这套结构去读代码，比逐行抄写更有用——重点看它在哪里用了条件编译，哪里做了平台判断，这些是多端项目最容易踩坑的地方。
可复用的模块有哪些
短视频类项目里有几个模块的复用价值很高，换个主题也能直接迁移：
- 列表分页与触底加载：包括页码管理、loading 态、无更多数据态、下拉刷新重置，这套逻辑在信息流、评论、消息列表里通用；
- 视频播放控制：什么时候自动播放、什么时候暂停、滑出可视区域如何释放资源，涉及多端差异，是可复用的难点；
- 用户交互接口：点赞/收藏/关注这类"切换型"操作，通常配套乐观更新与失败回滚，模式固定，抽一次到处用；
- 登录态与请求拦截：token 存取、过期跳转、请求头注入，属于每个 App 都要写的基建；
- 视频上传与进度反馈：文件选择、上传、进度、失败重试，这块在 App 端和小程序端差异明显，值得单独整理成笔记。
另外线索里提到的章节笔记，作用就在这——这类工程细节看视频时容易一带而过，只有落到笔记里、自己复述一遍调用顺序，才算真正掌握。
怎么配合这套资料自学
建议不要按"看完全部再动手"的方式推进。更有效的做法是：先通读一遍目录，理解整体链路，然后分三段练——第一段只跑通前端页面和静态数据，确认路由、组件、样式没问题；第二段接入后端接口，把列表、详情、登录跑通，重点调请求封装和状态管理；第三段再处理播放、上传、多端编译这些硬骨头。
每完成一段，尝试把对应模块抽成独立可复用单元，写清楚它的输入输出和依赖。如果最后能独立复现出一套结构清晰、注释到位的 Demo，这套资料的价值就吃透了。它的定位是工程参考，不是观看内容，边读边改边对照，比单纯跟做更接近真实开发。
image.webp (60.11 KB, 下载次数: 29) 下载附件 保存到相册 2021-5-31 14:32 上传
课程推荐
《uni-app 制作抖音短视频多端APP 视频教程 价值198元》image.webp (60.11 KB, 下载次数: 29) 下载附件 保存到相册 2021-5-31 14:32 上传【技能收获】学完可掌握：Vue / 前端工程化、MySQL / 数据库、短视频 / 自媒体运营。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向，认证 + 实战项目组合能显著提升面试通过率，适合向中高级运维或架构岗进阶。 若你已有一定编程或运维基础，本课程可帮助你在现有技能栈上快速叠加热门方向能力，提升求职时的项目说服力与薪资谈判空间。
视频目录（151 节）
* 课时2：1-0课程介绍.mp4
* 课时3：1-1创建一个uni-app项目.mp4
* 课时4：1-2目录结构介绍.mp4
* 课时5：1-3页面样式与布局.mp4
* 课时6：1-4配置文件pages.mp4
* 课时7：1-5uni-app的生命周期.mp4
* 课时8：2-1模板语法.mp4
* 课时9：2-2样式绑定.mp4
* 课时10：2-3事件绑定.mp4
* 课时11：2-4条件渲染.mp4
* 课时12：2-5列表渲染.mp4
* 课时13：2-6v-model的使用.mp4
* 课时14：2-7vue实例的生命周期.mp4
* 课时15：2-8计算属性，方法和监听.mp4
* 课时16：2-9父子组件传值.mp4
* 课时17：2-10组件参数校验.mp4
* 课时18：3-1uni-app基础组件讲解.mp4
* 课时19：3-2uni-APP表单组件讲解.mp4
* 课时20：3-3uni-app导航与页面传参.mp4
* 课时21：3-4媒体组件.mp4
* 课时22：4-1基础api讲解.mp4
* 课时23：4-2网络请求.mp4
* 课时24：4-3路由与页面跳转.mp4
* 课时25：4-4数据缓存.mp4
* 课时26：4-5媒体相关.mp4
* 课时27：4-6设备相关.mp4
* 课时28：4-7界面相关.mp4
* 课时29：4-8页面与窗体.mp4
* 课时30：4-9跨端兼容.mp4
* 课时31：4-10分享.mp4
* 课时32：4-11subNVue原生子窗体.mp4
* 课时33：5-1创建一个新的项目.mp4
* 课时34：5-2开发底部自定义tab栏.mp4
* 课时35：5-3uni-app中使用iconfont图标.mp4
* 课时36：5-4uni-app首页导航栏开发.mp4
* 课时37：5-5创建视频列表组件.mp4
* 课时38：5-6创建视频播放组件.mp4
* 课时39：5-7完善视频播放组件.mp4
* 课时40：5-8请求模拟的json数据.mp4
* 课时41：5-9完善json数据.mp4
* 课时42：5-10视频列表组件左侧信息栏开发.mp4
* 课时43：5-11视频列表组件右侧图标栏开发.mp4
* 课时44：5-12视频列表页面添加css动画.mp4
* 课时45：5-13视频列表页利用js添加特效.mp4
* 课时46：5-14添加滑动播放视频功能.mp4
* 课时47：5-15父组件调用子组件方法.mp4
* 课时48：5-16添加播放、暂停当前视频功能.mp4
* 课时49：5-17添加双击事件.mp4
* 课时50：5-18控制首个视频自动播放.mp4
* 课时51：5-19动态渲染视频信息.mp4
* 课时52：6-1创建城市页面.mp4
* 课时53：6-2完善城市页面布局.mp4
* 课时54：7-1创建城市选择页面.mp4
* 课时55：7-2城市列表组件开发.mp4
* 课时56：7-3热门城市部分开发.mp4
* 课时57：7-4切换城市页面城市列表部分开发.mp4
* 课时58：7-5切换城市页面字母表布局.mp4
* 课时59：7-6城市联动.mp4
* 课时60：7-7字母表滑动选择.mp4
* 课时61：7-8修改当前城市.mp4
* 课时62：8-1关注页面开发.mp4
* 课时63：8-2关注页面视频列表开发.mp4
* 课时64：8-3关注页面布局.mp4
* 课时65：8-4完善关注页面视频列表组件.mp4
* 课时66：8-5创建好友页面.mp4
* 课时67：8-6关注页面动态播放视频.mp4
* 课时68：8-7优化自动播放功能.mp4
* 课时69：9-1创建消息 页面.mp4
* 课时70：9-2消息页面布局.mp4
* 课时71：9-3利用列表渲染渲染消息页面.mp4
* 课时72：10-1创建个人页面.mp4
* 课时73：10-2开发个人信息组件.mp4
* 课时74：10-3个人信息组件布局.mp4
* 课时75：10-4完善个人页面信息部分.mp4
* 课时76：10-5创建个人页面视频列表组件.mp4
* 课时77：10-6实现切换视频列表功能.mp4
* 课时78：11-1创建编辑个人资料界面.mp4
* 课时79：11-2个人资料页面布局.mp4
* 课时80：11-3添加修改头像功能.mp4
* 课时81：11-4添加修改昵称功能.mp4
* 课时82：11-5完善修改昵称功能.mp4
* 课时83：11-6添加修改抖音号功能.mp4
* 课时84：11-7添加修改简介功能.mp4
* 课时85：11-8添加修改其他信息功能.mp4
* 课时86：12-0.解决一个学员发现的小bug.mp4
* 课时87：12-1创建视频播放界面.mp4
* 课时88：12-2创建用户界面.mp4
* 课时89：12-3创建评论界面.mp4
* 课时90：12-4评论界面布局.mp4
* 课时91：12-5项目发布上线.mp4
* 课时92：12-6app安卓打包.mp4
* 课时94：13-1介绍node.js.mp4
* 课时95：13-2环境搭建.mp4
* 课时96：13-3REPL环境基础指令.mp4
* 课时97：13-4node中的global.mp4
* 课时98：13-5模块化.mp4
* 课时99：13-6模块对象.mp4
* 课时100：13-7模块类型.mp4
* 课时101：13-8非路径加载机制.mp4
* 课时102：13-9核心模块.mp4
* 课时103：13-10Event模块.mp4
* 课时104：13-11Process模块.mp4
* 课时105：13-12Process标准输入输出流.mp4
* 课时106：13-13Buffer.mp4
* 课时107：13-14FileSystrm.mp4
* 课时108：13-15利用fs实现文件删除.mp4
* 课时109：13-16文件监听.mp4
* 课时110：13-17案例：自动构建项目工具.mp4
* 课时111：13-18npm的基本使用.mp4
* 课时112：13-19自定义模块发布.mp4
* 课时113：13-20使用node搭建服务器.mp4
* 课时114：13-21request对象.mp4
* 课时115：13-22response对象.mp4
* 课时116：13-23url模块.mp4
* 课时117：13-24使用fs模块读取页面内容.mp4
* 课时118：13-25querystring的使用.mp4
* 课时119：13-26网络传输协议-udp.mp4
* 课时120：13-27网络传输协议-tcp.mp4
* 课时121：13-28利用tcp实现文件传输.mp4
* 课时122：14-1koa框架介绍.mp4
* 课时123：14-2koa框架的api.mp4
* 课时124：14-3koa-static-cache.mp4
* 课时125：14-4koa-router.mp4
* 课时126：14-5koa-swig.mp4
* 课时127：14-6案例：todolist.mp4
* 课时128：14-8动态渲染.mp4
* 课时129：14-9利用静态文件添加样式（换肤功能）.mp4
* 课时130：14-10表单提交数据.mp4
* 课时131：14-11修改与删除.mp4
* 课时132：14-12案例todolist客户端渲染数据库版.mp4
* 课时133：14-13接口.mp4
* 课时134：14-14添加css样式.mp4
* 课时135：14-15添加与删除.mp4
* 课时136：14-16数据持久化.mp4
* 课时137：14-17mysql数据库安装与使用.mp4
* 课时138：14-18数据库讲解.mp4
* 课时139：14-19MySQL2.mp4
* 课时140：14-20请求数据库中的数据）.mp4
* 课时141：14-21sql语句占位符的使用.mp4
* 课时142：15-1搭建一个服务器.mp4
* 课时143：15-2创建一个数据库.mp4
* 课时144：12-0.解决一个学员发现的小bug.mp4
* 课时145：15-4编写video接口.mp4
* 课时146：15-5在数据库中添加一个表.mp4
* 课时147：15-6修改个人资料界面.mp4
* 课时148：15-8添加上传功能.mp4
* 课时149：15-9上传视频.mp4
* 课时150：16-1设置全局变量.mp4
* 课时151：16-2同步请求.mp4
* 课时152：16-3手机无法请求到服务器的解决办法.mp4
* 课时153：16-4本套课程开发工具的下载.mp4
