导航

Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序
共305节 3985人在学 课程详情
课程目录
讨论留言
  • ES6新特性

    • let与var的区别
    • const常量的声明
    • 模板字面量之多行字符串
    • 模板字面量之变量占位符
    • 默认参数
    • 扩展运算符三个点的使用
    • Object.assign对象的拷贝与合并
    • 对象字面量语法扩展
    • 解构赋值
    • 模块化
    • 箭头函数
    • promise
    • async/await/promise让异步变成“同步”
    • class类的使用
  • Vue2基础

    • 安装Vue
    • 创建Vue实例
    • 数据与方法
    • 生命周期
    • 模板语法插值
    • 模板语法指令
    • 条件渲染v-if的使用
    • 条件渲染v-show的使用
    • 列表渲染v-for的使用
    • 列表渲染v-for循环嵌套
    • v-for与v-if一同使用性能优化技巧
    • v-on监听事件
    • 事件修饰符与按键修饰符
    • 系统修饰键
    • css样式class的多种用法
    • 内联style
    • v-model表单输入绑定
    • v-model值的绑定
    • v-model修饰符
    • 双向绑定原理
    • todolist案例开发
    • computed计算属性
    • watch监听
    • ref获取DOM
  • Vue2组件

    • 全局组件
    • 局部组件
    • 父组件给子组件传值
    • 子组件给父组件传值
    • 兄弟组件之间传值
    • 父组件与子组件实现双向绑定
    • 父组件调用子组件的方法
    • 动态组件
    • 异步组件
    • 组件的递归
    • slot插槽基本用法
    • slot插槽后备内容
    • 命名(具名)插槽
    • 作用域插槽
    • 解构插槽属性
    • 动态插槽名
  • Vue2过渡与动画

    • CSS过渡与动画
    • 多个元素的过渡
    • 多个组件的过渡
    • 配合animate.css实现动画效果
    • JavaScript钩子
    • 配合Velocity.js实现动画效果
    • transition-group列表过渡
    • 做一个仿天猫商城轮播图效果的案例
    • 使用TweenMax实现动画效果
    • 实现一个加入购物车抛物线动画效果
  • Mixin混入

    • mixin混入的使用
    • 选项合并
    • 全局混入
  • 自定义指令

    • 注册自定义指令
    • 钩子函数和参数
    • 函数简写
    • 动态指令参数
    • 对象字面量
  • 过滤器

    • 全局过滤器与局部过滤器
    • 过滤器参数
    • 过滤器串联
  • VUE-CLI脚手架的安装

    • 安装vue-cli
    • 创建项目
    • 项目结构
    • 安装serve运行生产环境时使用
    • package.json的介绍
  • VUE-CLI脚手架的配置

    • .env配置用于区分生产环境和开发环境
    • 多环境配置
    • vue.config.js的配置
  • Vue2插件

    • 插件的使用
    • 开发toast插件
    • 开发alert、confirm插件
    • 开发仿天猫首页轮播图插件
  • Vue全家桶之路由

    • 路由的安装与配置
    • router-link组件的使用
    • 动态路由匹配
    • 编程式的导航
    • 命名视图
    • 重定向和别名
    • 路由嵌套(主子路由)
    • beforeEach全局前置守卫
    • beforeEnter路由独享守卫
    • 组件内的守卫beforeRouteEnter
    • 组件内的守卫beforeRouteUpdate
    • 组件内的守卫beforeRouteLeave
    • history模式
  • Vue全家桶之Axios

    • postman的使用
    • Axios的基本用法
    • Axios请求配置
    • Axios创建实例
    • Axios拦截器
    • 带进度条上传文件
    • 解决跨域问题
    • 封装axios工作中开发项目用
  • Fetch服务端通信

    • Fetch的get和post请求
    • Fetch上传文件
    • 封装fetch工作中开发项目用
  • Vue全家桶之Vuex

    • Vuex的安装与配置
    • state
    • getter
    • mutation
    • action
    • module模块化和命名空间
    • 使用Vuex做会员注册与登录功能
  • Vue常用插件与异步队列

    • nextTick异步更新队列
    • Swiper滑动特效插件
    • better-scroll实现下拉刷新上拉加载
    • VUE-i18n多语言国际化
  • Vue常用UI库

    • Element-ui开发pc端后台管理系统必备
    • 移动端UI库之mint-ui
    • 移动端UI库之cube-ui
    • 移动端UI库之vant
  • 《课程福利》赠送Vue前后端架构模板,工作无忧

    • 搭建项目架构,开发项目用,工作无忧
    • 赠送VUE后台管理系统架构模板,工作必备
  • VUE企业级项目实战京东电商(异步数据流)

    • 项目架构初始化,底部导航页面切换
    • 首页静态布局
    • 首页动态js效果
    • 异步数据流对接首页数据
    • 商品分类解决内容溢出滚动卡顿问题
    • 商品分类数据对接深度理解异步回调函数
    • 搜索组件开发实现历史记录和热门搜索
    • 搜索页面js配合vuex实现动态效果
    • 完成搜索页面实现数据对接
    • 商品详情页面开发js实现抛物线动画效
    • 对接商品详情页面数据
    • 商品评价数据对接实现上拉加载数据
    • 使用vuex开发购物车
    • 会员登录
    • 会员注册图文验证码的安全作用
    • 个人中心
    • 对接登录验证让订单确认页面更安全
    • 收货地址管理
    • 添加收货地址
    • 修改收货地址
    • 选择收货地址
    • 下单成功页面
    • 查看订单操作订单状态组件封装
    • 订单详情页面
    • 待评价订单列表
    • 星级评价提交
    • 修改个人资料给组件绑定事件
    • 我的收货地址增、删、改、查
    • 绑定手机号
    • 修改密码
    • 我的收藏
    • 最终上线测试
  • 初识uni-app

    • uni-app的介绍
    • 创建项目与运行项目
    • uni-app生命周期
    • 尺寸单位、Flex布局与背景图片
  • pages.json和manifest.json的配置

    • globalStyle和pages
    • 自定义导航栏注意事项
    • easycom“超级组件”
    • tabBar的配置
    • subPackages分包加载
    • manifest.json配置
  • uni-app路由

    • 组件路由跳转
    • API路由跳转
    • 接收参数与获取当前页栈
    • 小程序跳转10层限制解决方案
    • 解决tabBar不能传参的问题
    • 自定义tabBar及封装tabBar组件
  • uni-app运行环境判断和平台判断

    • 判断运行环境
    • 判断平台
  • uni-app常用组件

    • view组件的使用
    • scroll-view组件的使用
    • 解决scroll-view中内嵌input真机卡顿问题
    • swiper组件的使用
    • 可拖动区域和可移动视图
    • text组件的使用
    • rich-text组件
    • button组件的使用
    • 获取手机号
    • 分享小程序
    • checkbox组件的使用
    • radio组件的使用
    • input组件的使用
    • picker组件之普通选择器
    • picker组件之多列选择器
    • picker组件之时间选择器
    • picker组件之日期选择器
    • picker组件之省市区选择器
    • simpleAddress三级省市区联动
    • switch组件的使用
    • textarea组件的使用
    • web-view浏览器组件
    • image组件的使用
    • audio组件的使用
    • uni.createInnerAudioContext代替audio
    • video组件的使用
  • uni-app常用api

    • request发起请求
    • Promise方式请求数据
    • uploadFile文件上传
    • 批量上传文件
    • 数据缓存
    • getLocation获取位置
    • 配合map组件定位我的位置显示到地图上
    • 微信小程序获取地址详情
    • 获取系统信息,解决iPhoneX“刘海”兼容性
    • toast和loading提示框
    • 模态弹窗alert、confirm
    • 操作菜单
    • 动态设置导航条
    • 动态设置tabBar
    • 录音管理
    • 视频组件控制
    • 网络状态
    • 剪贴板
    • 动画
    • 下拉刷新
    • 微信授权登录
    • 微信支付
    • 获取节点信息
    • 真机调试
  • 仿美团点餐小程序客户端开发

    • 首页布局
    • 异步数据流对接配合地图定位显示附近的商铺
    • 实现下拉刷新
    • 上拉加载数据
    • 最近搜索
    • 热门搜索
    • 菜品搜索页面
    • 点餐页面的开发
    • 菜品展示组件的开发
    • 菜品详情组件
    • 套餐页面
    • 商家信息组件的开发
    • 查看商家位置
    • 在小程序中关注公众号
    • 微信授权实现一站式登录
    • 获取用户手机号进行绑定
    • 会员token认证
    • 将菜品存放到购物车
    • 开发购物车组件
    • 提交订单页面
    • 实现微信支付
    • 支付成功页面
    • 个人中心页面
    • 已付款订单页面
    • 订单详情页面
    • 申请退款组件
    • 查看已退款的订单
    • 修改个人资料页面的开发
    • 绑定并验证手机号
    • 发布小程序
  • 《课程福利》赠送价值10000元电商系统和点餐系统

    • 电商系统和点餐系统源代码下载
  • TypeScript教程

    • 安装TypeScript
    • 数据类型与推断
    • 接口与联合类型
    • 数组与元组
    • 函数类型
    • 类型断言
    • 类型别名
    • 枚举
    • 类的修饰符
    • 接口约束类
    • 泛型
    • 多个泛型参数的函数
    • 泛型接口
    • 泛型类
    • 泛型约束
    • 命名空间
  • 初识VUE3

    • Vue3介绍和创建项目
    • Vue3项目结构
  • VUE3新特性Composition API

    • setup函数初体验
    • ref函数的使用
    • reactive函数的使用
    • Vue3的响应式原理
    • setup中的参数
    • toRefs函数的使用
    • computed计算属性
    • watch与watchEffect
    • Vue3的生命周期
    • 获取DOM与nextTick
    • 自定义hook
    • shallowReactive与shallowRef
    • readonly与shallowReadonly
    • toRaw与markRaw
    • toRef的特点与作用
    • customRef在实战中的使用
    • provide和inject组件通讯
    • 响应式数据的判断
    • teleport传送api的使用
    • 组件之间的双向绑定
    • 在setup函数中实现路由跳转
    • 在setup函数中使用Vuex
    • todoList案例
  • Vue3开发插件与第三方UI库

    • 开发toast插件
    • 开发confirm、alert插件
    • vant-ui库的使用
    • Element Plus UI库的使用
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
播放页问题反馈
视频学习中有任何产品建议都可由此反
馈,我们将及时处理!

课时介绍

watch监听

课程介绍

本课程讲了Vue3+Vue2+Uni-app(uniapp)入门基础与实战,其中还重点讲解了ES6、TypeScript这些基础知识,实战由两大价值5000元的真实企业级项目组成,分别是仿京东电商网站和仿美团微信点餐小程序,同时两大项目代码全部赠送,还赠送前后端架构模板,工作中直接使用。

VUE和uni-app是目前热门的前端框架,本课程教你如何快速学会VUE和uni-app并应用到实战,教你如何解决内存泄漏,常用UI库的使用,自己封装组件和插件,正式上线白屏问题,性能优化、解决iphoneX“刘海”兼容性问题、微信支付、微信授权登录,获取位置在地图上显示,获取用户所在的城市和街道信息,微信小程序发布审核等。对正在工作当中或打算学习VUE和uni-app高薪就业的你来说,那么这门课程便是你手中的葵花宝典。

学习技巧:学习当中不要只看,一定要多敲代码,如果碰到某一个知识点不是很明白,不要钻牛角尖,千万不要因为一个点,放弃整个森林,接着往下学,硬着头皮开发项目。只要能亲自开发一个完整的项目,你会发现不明白的地方自然而然就明白了,项目做出来就真正的学会了。

此vue和uni-app课程以面试和实战为基础进行讲解,每个知识点都会让你知道在实际项目开发中如何使用,学习后,可以开发大型项目,增强逻辑思维,至少让你拥有3年以上开发经验的实力!

代码和ppt均可下载!

免费提供《企业级完整实战项目接口文档》,绝对可用

推荐课程

信息系统项目管理师自考笔记

李明 · 724人在学

python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

王先生 · 22111人在学

手把手搭建Java超市管理系统【附源码】(毕设)

汤小洋 · 4205人在学

Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

黄菊华 · 788人在学

基于SSM酒店管理系统(毕设)

小尼老师 · 842人在学

java项目实战之购物商城(java毕业设计)

Long · 5154人在学

手把手搭建Java求职招聘系统【附源码】(毕设)

汤小洋 · 1506人在学

Python Django 深度学习 小程序

钟翔 · 2319人在学

城管局门前三包管理系统+微信小程序(vue+springboot)

赖国荣 · 598人在学

Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

李杰 · 3985人在学

正在试验
后自动删除环境
课程实验
本次实验时间已到期 00:00:00

    订阅失败

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序
    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序 ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    课件正在飞速打包中,请耐心等待几秒钟~
    联系我们
    工作时间: 8:30 - 22:00
    客服电话: 400-660-0108
    kefu@csdn.net在线客服
    • 关于我们
    • 招贤纳士
    • 商务合作
    • 寻求报道
    • 京ICP备19004658号
    • 经营性网站备案信息
    • 公安备案号11010502030143
    • 营业执照
    • 北京互联网违法和不良信息举报中心
    • 家长监护
    • 中国互联网举报中心
    • 网络110报警服务
    • Chrome商店下载
    • 账号管理规范
    • 版权与免责声明
    • 版权申诉
    • 出版物许可证
    • ©1999-2024北京创新乐知网络技术有限公司