购买 ¥128.00 抽豪礼

React+VUE+ES6完整入门基础与项目实战+赠送仿京东电商网站-

共433节1167人学习李杰 课程详情
播放页问题反馈
  • React+VUE系列课程介绍

    • 课程介绍
    • 前端开发神器webstorm破解与安装
  • 《买课福利》赠送价值5000的电商系统

    • 价值5000元电商系统代码下载
  • 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企业级项目实战京东电商(异步数据流)

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

    • 【选学】Webpack配置入口文件和打包后的文件
    • 【选学】webpack-dev-server的安装与配置proxy解决跨域问题
    • 【选学】HTML模板插件
    • 【选学】多页面(MPA)配置
    • 【选学】css-loader配置加载css样式
    • 【选学】post-css处理css兼容性
    • 【选学】css和js压缩
    • 【选学】url-loader图片等资源文件处理
    • 【选学】url-loader3.0,上节课配置出问题看这里
    • 【选学】babel-loader,es6转es5
    • 【选学】用webpack搭建react项目
  • React入门到精通

    • 【必学】使用React官方脚手架create-react-app创建项目
    • 【必学】JSX、支持HTML标签、Ref的使用、虚拟DOM的使用1
    • 【必学】JSX、支持HTML标签、Ref的使用、虚拟DOM的使用2
    • 【面试必学】自己手写jsx实现虚拟dom
    • 【面试必学】diff算法原理和代码分析
    • 【必学】条件渲染、列表(Lists) 和 键(Keys)循环输出数据
    • 【必学】组件(Components) 和 属性(Props)实现父给子组件传值
    • 【必学】状态(State) 和 生命周期
    • 【必学】事件处理和form表单1
    • 【必学】事件处理和form表单2
    • 【必学】子组件向父组件传值
    • 【必学】使用插槽(Portals)自定义封装button组件
    • 【必学】lazy和suspense实现组件懒加载
    • 【必学】自定义组件之仿天猫轮播图效果1
    • 【必学】自定义组件之仿天猫轮播图效果2
    • 【必学】自定义组件之toast轻提示开发
    • 【必学】自定义组件之confirm开发
    • 【必学】CSS和CSS模块化
    • css-loader3版本配置模块化,css模块化配置出问题的同学看这里
    • 【必学】无状态组件和有状态组件配合高阶组件的使用1
    • 【必学】无状态组件和有状态组件配合高阶组件的使用2
    • 【必学】用高阶组件(HOC)开发仿天猫轮播图效果
    • 【必学】hooks的使用1
    • 【必学】hooks的使用2
    • 【必学】使用hooks开发仿天猫轮播图效果
    • 【选学】react-transition-group动画实战教程
    • 【面试必学】手写router路由了解底层的原理
    • 【必学】react-router路由和路由懒加载解决首次加载慢性能问题1
    • 【必学】react-router路由和路由懒加载解决首次加载慢性能问题2
    • 【必学】路由嵌套(子路由)和组件路由跳转
    • 【必学】hash与history路由模式的区别解决正式环境的坑
    • 【必学】路由认证(会员权限)
    • 【必学】redux的使用和模块化封装1
    • 【必学】redux的使用和模块化封装2
    • 【必学】redux的使用和模块化封装3
    • 【必学】redux-thunk中间件的使用解决dispatch性能的问题
    • 【必学】Axios的get、post请求和图片上传并且支持进度条
    • 【必学】封装axios开发项目中使用
    • 【必学】Fetch的get、post请求和图片上传
    • 【必学】封装fetch开发项目中使用
    • 【必学】解决跨域以及自动区分development和production环境
    • 【必学】redux-thunk实现异步数据流
    • 【必学】redux-saga代替thunk实现异步数据流1
    • 【必学】redux-saga代替thunk实现异步数据流2
    • 【必学】ui库antd-design之table表格和分页器1
    • 【必学】ui库antd-design之table表格和分页器2
    • 【必学】ui库antd-design之table表格和分页器3
    • 【必学】antd之Form表单验证和upload上传
    • 【必学】antd移动版ui库的使用
    • 【选学】React多语言国际化
    • 【选学】HOC封装多语言国际化组件
    • 【必学】搭建项目架构,工作中直接用1
    • 【必学】搭建项目架构,工作中直接用2
    • 【必学】搭建项目架构,工作中直接用3
    • 【选学】Immutable常用API的使用
    • 【选学】redux+Immutable组合搭配使用
    • 【选学】mobx之decorator修饰器的使用
    • 【选学】mobx在react中的使用
  • React实战项目仿京东电商(做完后天下无敌)

    • 搭建项目架构1
    • 搭建项目架构2
    • 电商系统底部导航1
    • 电商系统底部导航2
    • 首页-布局1
    • 首页-布局2
    • 首页-布局3
    • 首页-布局4
    • 首页-布局5
    • 首页-对接数据和js效果1
    • 首页-对接数据和js效果2
    • 首页-对接数据和js效果3
    • 商品分类页面布局1
    • 商品分类页面布局2
    • 商品分类页面对接数据和js效果1
    • 商品分类页面对接数据和js效果2
    • 开发属于自己的搜索组件1
    • 开发属于自己的搜索组件2
    • 开发属于自己的搜索组件3
    • 开发属于自己的搜索组件4
    • 使用flexible自动换算rem
    • 搜索页面之页面布局1
    • 搜索页面之页面布局2
    • 搜索页面之页面布局3
    • 搜索页面之页面布局4
    • 搜索页面之数据对接1
    • 搜索页面之数据对接2
    • 搜索页面之数据对接3
    • 搜索页面之数据对接4
    • 搜索页面之数据对接5
    • 搜索页面之数据对接6
    • 搜索页面之数据对接7
    • 商品详情页静态布局1
    • 商品详情页静态布局2
    • 商品详情页静态布局3
    • 商品详情页静态布局4
    • 商品详情页静态布局5
    • 商品详情页静态布局6
    • 商品详情页静态布局7
    • 商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)1
    • 商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)2
    • 商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)3
    • 商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)4
    • 商品详情页对接动态数据
    • 完善商品详情页面的评价页面和商品描述页面
    • 购物车页面布局1
    • 购物车页面布局2
    • 实现购物车逻辑1
    • 实现购物车逻辑2
    • 实现购物车逻辑3
    • 实现购物车逻辑4
    • 会员注册页面布局
    • 会员注册js逻辑的实现与后台对接1
    • 会员注册js逻辑的实现与后台对接2
    • 会员登录(实现单点登录解决安全性问题)1
    • 会员登录(实现单点登录解决安全性问题)2
    • 确定订单页面布局1
    • 确定订单页面布局2
    • 将购物车数据渲染到确定订单页面
    • 添加收货地址页面布局
    • 添加收货地址页面的逻辑实现和antd的picker的使用
    • 选择收货地址页面的布局
    • 选择收货地址页面的删除,选择,设置默认地址,解决冒泡事件1
    • 选择收货地址页面的删除,选择,设置默认地址,解决冒泡事件2
    • 选择收货地址页面的删除,选择,设置默认地址,解决冒泡事件3
    • 修改收货地址
    • 提交订单并防止重复提交订单
    • 开发我的页面1
    • 开发我的页面2
    • 个人资料(头像上传、给组件绑定事件)1
    • 个人资料(头像上传、给组件绑定事件)2
    • 我的订单页面布局1
    • 我的订单页面布局2
    • 对接我的订单数据解决路由改变参数数据不更新的问题1
    • 对接我的订单数据解决路由改变参数数据不更新的问题2
    • 布局订单详情页面并阻止冒泡事件1
    • 布局订单详情页面并阻止冒泡事件2
    • 对接订单详情页面动态数据
    • 星级评价页面布局
    • 星级评价逻辑实现1
    • 星级评价逻辑实现2
    • 我的收货地址管理
    • 绑定手机号
    • 修改密码
    • 我的收藏1
    • 我的收藏2
    • 真机测试调试兼容性跨平台解决方案
    • 最终上线路由的hash模式和history模式的区别解决访问路径的问题
  • VUE从入门到精通(已废弃,无需观看)

    • VUE数据驱动和双向绑定原理(面试必学)
    • vue中使用css样式
    • 模板语法与常用指令
    • 事件处理
    • todolist案例开发
    • computed计算属性的使用
    • watch监听
    • 全局组件与局部组件
    • filter过滤器的使用
    • 父子组件传值
    • 兄弟组件的传值
    • 父组件与子组件实现双向绑定
    • 动态组件切换
    • ref的使用父组件调用子组件的方法
    • mixins混入的使用
    • slot插槽的使用
    • transition过渡动画1
    • transition过渡动画2
    • directive自定义指令
    • 生命周期
    • swiper轮播图配合nextTick的使用
    • vue-cli3.0的安装与配置(一)
    • vue-cli3.0的安装与配置(二)
    • slot插槽的高级用法
    • MockJS模拟后端数据
    • eslint代码规范检查
    • 移动端布局及适配方式
    • vue自定义封装组件
    • vue自定义组件之confirm的开发(让组件变成方法使用)
    • vue自定义组件之仿天猫轮播图效果(了解watch真正用法)
    • vue的axios的get、post请求和带进度条文件上传
    • 封装axios,工作中直接用
    • axios拦截器的使用(统一封装接口,会员权限认证)
    • 手写router路由了解实现的原理(面试必学)
    • vue-router路由的基本配置及使用1
    • vue-router路由的基本配置及使用2
    • 主路由与子路由(路由嵌套)
    • 路由守卫之beforeEach的应用
    • 其他路由守卫的实际应用场景
    • vue路由hash与history的区别以及应用场景
    • vuex的基本使用
    • vuex命名空间与模块化
    • vuex开发大型项目之异步数据流和单点登录1
    • vuex开发大型项目之异步数据流和单点登录2
    • VUE常用pc端ui库之element-ui文件上传
    • VUE常用pc端ui库之element-ui表格和分页器
    • VUE常用pc端ui库之element-ui表单验证
    • VUE常用移动端ui库之mint-ui
    • VUE常用移动端ui库之cube-ui
    • VUE常用移动端ui库之vant
    • better-scroll的使用实现下拉刷新上拉加载
    • VUE-i18n多语言国际化
    • 搭建项目架构,开发项目用,工作无忧
  • 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库的使用

    订阅失败

    React+VUE+ES6完整入门基础与项目实战+赠送仿京东电商网站
    React+VUE+ES6完整入门基础与项目实战+赠送仿京东电商网站 ...

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

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

    购买课程

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

    加载中...
    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    程序员研修院 v1.1.0
    一、播放器优化
    修改播放器默认倍速设置,增加1.25倍速
    调整目录展示形式,增加折叠/展开
    优化播放器的使用体验,有播放问题可以点击播放页内的”反馈“提交问题
    查看全部版本记录
    课件正在飞速打包中,请耐心等待几秒钟~