Vue3+Uni-app(uniapp)入门与实战(ES6,TypeScript)+送美团点餐小程序

课程详情

课程详情

本课程旨在帮助学员快速掌握Vue3和Uni-app框架,并应用于实战项目。课程内容涵盖了从基础到高级的全面知识,包括内存泄漏处理、UI库使用、组件封装、性能优化、兼容性问题解决、微信支付和授权登录、地图位置获取、微信小程序发布审核等。

适合人群

  • 具备html5、css3、javascript基础的学习者
  • 希望提升前端开发技能,开发大型项目的开发者
  • 有意向从事VUE和uni-app相关工作的求职者

学习收获

  • 掌握Vue3和Uni-app框架的核心知识
  • 能够独立开发大型项目,增强逻辑思维能力
  • 具备至少3年以上开发经验的实力

课程亮点

  • 实战导向:以面试和实战为基础,每个知识点都与实际项目开发紧密结合
  • 全面深入:从基础到高级,全面讲解Vue3和Uni-app框架
  • 代码和PPT下载:方便学员复习和巩固知识
  • 免费提供企业级完整实战项目接口文档:助力学员快速上手实战项目

课程目录

01 课程介绍
  01 课程介绍.mp4
02 《课程福利》赠送价值10000元的电商系统和点餐系统源码下载
  01 赠送价值10000元电商系统和点餐系统源码下载.mp4
03 ES6新特性
  01 let与var的区别.mp4
  02 const常量的声明.mp4
  03 模板字面量之多行字符串.mp4
  04 模板字面量之变量占位符.mp4
  05 默认参数.mp4
  06 扩展运算符三个点的使用.mp4
  07 Object.assign对象的拷贝与合并.mp4
  08 对象字面量语法扩展.mp4
  09 解构赋值.mp4
  10 模块化.mp4
  11 箭头函数.mp4
  12 promise.mp4
  13 async/await/promise让异步变成“同步”.mp4
  14 class类的使用.mp4
04 Vue2基础
  01 安装Vue.mp4
  02 创建Vue实例.mp4
  03 数据与方法.mp4
  04 生命周期.mp4
  05 模板语法插值.mp4
  06 模板语法指令.mp4
  07 条件渲染v-if的使用.mp4
  08 条件渲染v-show的使用.mp4
  09 列表渲染v-for的使用.mp4
  10 列表渲染v-for循环嵌套.mp4
  11 v-for与v-if一同使用性能优化技巧.mp4
  12 v-on监听事件.mp4
  13 事件修饰符与按键修饰符.mp4
  14 系统修饰键.mp4
  15 css样式class的多种用法.mp4
  16 内联style.mp4
  17 v-model表单输入绑定.mp4
  18 v-model值的绑定.mp4
  19 v-model修饰符.mp4
  20 双向绑定原理.mp4
  21 todolist案例开发.mp4
  22 computed计算属性.mp4
  23 watch监听.mp4
  24 ref获取DOM.mp4
05 Vue2组件
  01 全局组件.mp4
  02 局部组件.mp4
  03 父组件给子组件传值.mp4
  04 子组件给父组件传值.mp4
  05 兄弟组件之间传值.mp4
  06 父组件与子组件实现双向绑定.mp4
  07 父组件调用子组件的方法.mp4
  08 动态组件.mp4
  09 异步组件.mp4
  10 组件的递归.mp4
  11 slot插槽基本用法.mp4
  12 slot插槽后备内容.mp4
  13 命名(具名)插槽.mp4
  14 作用域插槽.mp4
  15 解构插槽属性.mp4
  16 动态插槽名.mp4
06 Vue2过渡与动画
  01 CSS过渡与动画.mp4
  02 多个元素的过渡.mp4
  03 多个组件的过渡.mp4
  04 配合animate.css实现动画效果.mp4
  05 JavaScript钩子.mp4
  06 配合Velocity.js实现动画效果.mp4
  07 transition-group列表过渡.mp4
  08 做一个仿天猫商城轮播图效果的案例.mp4
  09 使用TweenMax实现动画效果.mp4
  10 实现一个加入购物车抛物线动画效果.mp4
07 Mixin混入
  01 mixin混入的使用.mp4
  02 选项合并.mp4
  03 全局混入.mp4
08 自定义指令
  01 注册自定义指令.mp4
  02 钩子函数和参数.mp4
  03 函数简写.mp4
  04 动态指令参数.mp4
  05 对象字面量.mp4
09 过滤器
  01 全局过滤器与局部过滤器.mp4
  02 过滤器参数.mp4
  03 过滤器串联.mp4
10 VUE-CLI脚手架的安装
  01 安装vue-cli.mp4
  02 创建项目.mp4
  03 项目结构.mp4
  04 安装serve运行生产环境时使用.mp4
  05 package.json的介绍.mp4
11 VUE-CLI脚手架的配置
  01 .env配置用于区分生产环境和开发环境.mp4
  02 多环境配置.mp4
  03 vue.config.js的配置.mp4
12 Vue2插件
  01 插件的使用.mp4
  02 开发toast插件.mp4
  03 开发alert、confirm插件.mp4
  04 开发仿天猫首页轮播图插件.mp4
13 Vue全家桶之路由
  01 路由的安装与配置.mp4
  02 router-link组件的使用.mp4
  03 动态路由匹配.mp4
  04 编程式的导航.mp4
  05 命名视图.mp4
  06 重定向和别名.mp4
  07 路由嵌套(主子路由).mp4
  08 beforeEach全局前置守卫.mp4
  09 beforeEnter路由独享守卫.mp4
  10 组件内的守卫beforeRouteEnter.mp4
  11 组件内的守卫beforeRouteUpdate.mp4
  12 组件内的守卫beforeRouteLeave.mp4
  13 history模式.mp4
14 Vue全家桶之Axios
  01 postman的使用.mp4
  02 Axios的基本用法.mp4
  03 Axios请求配置.mp4
  04 Axios创建实例.mp4
  05 Axios拦截器.mp4
  06 带进度条上传文件.mp4
  07 解决跨域问题.mp4
  08 封装axios工作中开发项目用.mp4
15 Fetch服务端通信
  01 Fetch的get和post请求.mp4
  02 Fetch上传文件.mp4
  03 封装fetch工作中开发项目用.mp4
16 Vue全家桶之Vuex
  01 Vuex的安装与配置.mp4
  02 state.mp4
  03 getter.mp4
  04 mutation.mp4
  05 action.mp4
  06 module模块化和命名空间.mp4
  07 使用Vuex做会员注册与登录功能.mp4
17 Vue常用插件与异步队列
  01 nextTick异步更新队列.mp4
  02 Swiper滑动特效插件.mp4
  03 better-scroll实现下拉刷新上拉加载.mp4
  04 VUE-i18n多语言国际化.mp4
18 Vue常用UI库
  01 Element-ui开发pc端后台管理系统必备.mp4
  02 移动端UI库之mint-ui.mp4
  03 移动端UI库之cube-ui.mp4
  04 移动端UI库之vant.mp4
19 《课程福利》赠送Vue前后端架构模板,工作无忧
  01 搭建项目架构,开发项目用,工作无忧.mp4
  02 赠送VUE后台管理系统架构模板,工作必备.mp4
20 VUE企业级项目实战京东电商(异步数据流)
  01 项目架构初始化,底部导航页面切换.mp4
  02 首页静态布局.mp4
  03 首页动态js效果.mp4
  04 异步数据流对接首页数据.mp4
  05 商品分类解决内容溢出滚动卡顿问题.mp4
  06 商品分类数据对接深度理解异步回调函数.mp4
  07 搜索组件开发实现历史记录和热门搜索.mp4
  08 搜索页面js配合vuex实现动态效果.mp4
  09 完成搜索页面实现数据对接.mp4
  10 商品详情页面开发js实现抛物线动画效果.mp4
  11 对接商品详情页面数据.mp4
  12 商品评价数据对接实现上拉加载数据.mp4
  13 使用vuex开发购物车.mp4
  14 会员登录.mp4
  15 会员注册图文验证码的安全作用.mp4
  16 个人中心.mp4
  17 对接登录验证让订单确认页面更安全.mp4
  18 收货地址管理.mp4
  19 添加收货地址.mp4
  20 修改收货地址.mp4
  21 选择收货地址.mp4
  22 下单成功页面.mp4
  23 查看订单操作订单状态组件封装.mp4
  24 订单详情页面.mp4
  25 待评价订单列表.mp4
  26 评价提交.mp4
  27 修改个人资料给组件绑定事件.mp4
  28 我的收货地址增、删、改、查.mp4
  29 绑定手机号.mp4
  30 修改密码.mp4
  31 我的收藏.mp4
  32 最终上线测试.mp4
21 TypeScript教程
  01 安装TypeScript.mp4
  02 数据类型与推断.mp4
  03 接口与联合类型.mp4
  04 数组与元组.mp4
  05 函数类型.mp4
  06 类型断言.mp4
  07 类型别名.mp4
  08 枚举.mp4
  09 类的修饰符.mp4
  10 接口约束类.mp4
  11 泛型.mp4
  12 多个泛型参数的函数.mp4
  13 泛型接口.mp4
  14 泛型类.mp4
  15 泛型约束.mp4
  16 命名空间.mp4
22 初识VUE3
  01 Vue3介绍和创建项目.mp4
  02 Vue3项目结构.mp4
23 VUE3新特性Composition API
  01 setup函数初体验.mp4
  02 ref函数的使用.mp4
  03 reactive函数的使用.mp4
  04 Vue3的响应式原理.mp4
  05 setup中的参数.mp4
  06 toRefs函数的使用.mp4
  07 computed计算属性.mp4
  08 watch与watchEffect.mp4
  09 Vue3的生命周期.mp4
  10 获取DOM与nextTick.mp4
  11 自定义hook.mp4
  12 shallowReactive与shallowRef.mp4
  13 readonly与shallowReadonly.mp4
  14 toRaw与markRaw.mp4
  15 toRef的特点与作用.mp4
  16 customRef在实战中的使用.mp4
  17 provide和inject组件通讯.mp4
  18 响应式数据的判断.mp4
  19 teleport传送api的使用.mp4
  20 组件之间的双向绑定.mp4
  21 在setup函数中实现路由跳转.mp4
  22 在setup函数中使用Vuex.mp4
  23 todoList案例.mp4
24 Vue3开发插件与第三方UI库
  01 开发toast插件.mp4
  02 开发confirm、alert插件.mp4
  03 vant-ui库的使用.mp4
  04 Element Plus UI库的使用.mp4
25 初识uni-app
  01 uni-app的介绍.mp4
  02 创建项目与运行项目.mp4
  03 uni-app生命周期.mp4
  04 尺寸单位、Flex布局与背景图片.mp4
26 pages.json和manifest.json的配置
  01 globalStyle和pages.mp4
  02 自定义导航栏注意事项.mp4
  03 easycom“超级组件”.mp4
  04 tabBar的配置.mp4
  05 subPackages分包加载.mp4
  06 manifest.json配置.mp4
27 uni-app路由
  01 组件路由跳转.mp4
  02 API路由跳转.mp4
  03 接收参数与获取当前页栈.mp4
  04 小程序跳转10层限制解决方案.mp4
  05 解决tabBar不能传参的问题.mp4
  06 自定义tabBar及封装tabBar组件.mp4
28 uni-app运行环境判断和平台判断
  01 判断运行环境.mp4
  02 判断平台.mp4
29 uni-app常用组件
  01 view组件的使用.mp4
  02 scroll-view组件的使用.mp4
  03 解决scroll-view中内嵌input真机卡顿问题.mp4
  04 swiper组件的使用.mp4
  05 可拖动区域和可移动视图.mp4
  06 text组件的使用.mp4
  07 rich-text组件.mp4
  08 button组件的使用.mp4
  09 获取手机号.mp4
  10 分享小程序.mp4
  11 checkbox组件的使用.mp4
  12 radio组件的使用.mp4
  13 input组件的使用.mp4
  14 picker组件之普通选择器.mp4
  15 picker组件之多列选择器.mp4
  16 picker组件之时间选择器.mp4
  17 picker组件之日期选择器.mp4
  18 picker组件之省市区选择器.mp4
  19 simpleAddress三级省市区联动.mp4
  20 switch组件的使用.mp4
  21 textarea组件的使用.mp4
  22 web-view浏览器组件.mp4
  23 image组件的使用.mp4
  24 audio组件的使用.mp4
  25 createInnerAudioContext代替audio.mp4
  26 video组件的使用.mp4
30 uni-app常用api
  01 request发起请求.mp4
  02 Promise方式请求数据.mp4
  03 uploadFile文件上传.mp4
  04 批量上传文件.mp4
  05 数据缓存.mp4
  06 getLocation获取位置.mp4
  07 配合map组件定位我的位置显示到地图上.mp4
  08 微信小程序获取地址详情.mp4
  09 获取系统信息,解决iPhoneX“刘海”兼容性.mp4
  10 toast和loading提示框.mp4
  11 模态弹窗alert、confirm.mp4
  12 操作菜单.mp4
  13 动态设置导航条.mp4
  14 动态设置tabBar.mp4
  15 录音管理.mp4
  16 视频组件控制.mp4
  17 网络状态.mp4
  18 剪贴板.mp4
  19 动画.mp4
  20 下拉刷新.mp4
  21 微信授权登录.mp4
  22 微信支付.mp4
  23 获取节点信息.mp4
  24 真机调试.mp4
31 仿美团点餐小程序客户端开发
  01 首页布局.mp4
  02 异步数据流对接配合地图定位显示附近的商铺.mp4
  03 实现下拉刷新.mp4
  04 上拉加载数据.mp4
  05 最近搜索.mp4
  06 热门搜索.mp4
  07 菜品搜索页面.mp4
  08 点餐页面的开发.mp4
  09 菜品展示组件的开发.mp4
  10 菜品详情组件.mp4
  11 套餐页面.mp4
  12 商家信息组件的开发.mp4
  13 查看商家位置.mp4
  14 在小程序中关注公众号.mp4
  15 微信授权实现一站式登录.mp4
  16 获取用户手机号进行绑定.mp4
  17 会员token认证.mp4
  18 将菜品存放到购物车.mp4
  19 开发购物车组件.mp4
  20 提交订单页面.mp4
  21 实现微信支付.mp4
  22 支付成功页面.mp4
  23 个人中心页面.mp4
  24 已付款订单页面.mp4
  25 订单详情页面.mp4
  26 申请退款组件.mp4
  27 查看已退款的订单.mp4
  28 修改个人资料页面的开发.mp4
  29 绑定并验证手机号.mp4
  30 发布小程序.mp4