• 课程 / React

    Webpack+react全家桶开发谷粒后台项目

    《22期PHP线上直播班》开课啦!

    立即报名
    介绍章节评论课件
    webpack的核心概念 Entry:入口,Webpack进行打包的起始点(文件) Output:输出,webpack编译打包生成的bundle(打包文件) Loader:模块加载(转换)器,将非js、非json模块包装成webpack能理解的js模块 Plugin:插件,在 Webpack 构建流程中的特定时机插入具有特定功能的代码
  • 难度:中级
  • 共168章节
  • 86010次播放
  • 第1章 第一章

    构建工具简介

    16:35

    webpack简介

    25:47

    webpack小试牛刀

    44:32

    使用webpack配置文件

    15:49

    less-loader解析less

    30:28

    eslint-loader语法检查

    27:11

    js语法转换

    18:40

    js新语法按需引入

    19:42

    url-loader解析样式中的图片

    25:24

    打包html文件

    09:39
    第2章 第二章

    打包html中图片资源

    05:28

    打包其他资源

    15:38

    自动编译打包运行

    23:48

    HMR(热模替换)

    13:05

    devtool映射技术

    13:09

    准备生产环境

    19:15

    清除打包文件目录

    06:54

    提取css成单独文件

    12:31

    css文件的兼容性处理

    21:43

    压缩css

    07:43
    第3章 第三章

    压缩html

    12:04

    vscode编译器的使用

    35:20

    react简介

    32:32

    hello-react

    26:35

    虚拟DOM的两种创建方式

    26:57

    几个小问题说明

    11:06

    jsx语法规则

    09:55

    jsx的小练习

    26:05

    组件的两种创建方式

    39:58

    复习

    27:28
    第4章 第四章

    组件三大属性之state

    43:42

    state的简写方式

    11:16

    组件三大属性之props

    35:01

    props传递标签属性简化写法

    12:42

    组件三大属性之ref&事件处理

    21:20

    ref新语法

    20:49

    复习

    18:15

    todolist实现静态组件

    14:39

    todolist动态展示数据

    11:41

    完成todolist

    20:04
    第5章 第五章

    受控组件与非受控组件

    21:42

    组件的声明周期

    49:40

    复习

    28:00

    关于forceUpdate与willRecriveProps

    18:59

    getDerivedStateFromProps

    28:10

    getSnapshotBeforeUpdate

    19:11

    验证diff算法

    13:21

    key的作用

    37:05

    react脚手架的下载

    26:12

    react脚手架的简单说明

    12:38
    第6章 第六章

    react脚手架详细说明

    39:51

    一个简单的组件组合

    28:41

    评论案例—静态页面

    31:18

    用户评论案例—动态初始化

    26:04

    用户评论案例—增加评论

    24:44

    用户评论案例—完成交互

    27:36

    用户评论—第二版

    29:39

    axios练习

    47:03

    fetch的简单练习

    51:30

    github搜索案例—静态页面

    16:08
    第7章 第七章

    github搜索案例—发送请求

    25:24

    github搜索案例—完成交互

    18:06

    复习

    21:35

    github搜索案例—pubsub版

    33:07

    react组件间通信方式

    09:15

    路由的简介

    29:42

    基本路由使用

    26:25

    基本路由的详细说明

    31:59

    二级路由的搭建(一)

    19:33

    复习

    25:42
    第8章 第八章

    二级路由的搭建(二)

    35:27

    路由组件传参

    43:19

    编程式路由导航

    18:45

    antd的简单使用

    23:48

    复习

    46:00

    文件夹介绍——项目效果演示

    18:56

    回顾git

    11:09

    项目技术选型

    23:49

    使用create-react-app搭建应用

    14:38

    配置antd样式的按需引入

    17:07
    第9章 第九章

    antd自定义主题

    10:27

    搭建login与admin路由

    12:48

    login静态页面

    23:38

    antd的From组件-静态

    23:39

    用户名的声明式验证

    32:43

    密码的自定义验证

    14:22

    登录表单的统一验证

    11:41

    高阶组件&高阶函数

    12:39

    复习

    30:23

    准备redux分支

    10:00
    第10章 第十章

    redux交互模型简介

    10:13

    redux原理图详解

    27:07

    案例-react版

    18:42

    案例-redux-无action版

    41:53

    案例-redux最终版

    12:15

    react-redux的简介

    10:54

    案例-react-redux(第一版)

    48:04

    案例-react-redux(第二版)

    15:48

    react-redux异步编程

    25:23

    redux调试工具的使用

    10:36
    第11章 第十一章

    react-redux的模块化编码

    34:59

    复习

    47:03

    搭建redux开发环境

    38:43

    API接口及测试

    30:35

    配置代理解决跨域问题

    24:47

    post请求json形式编码参数

    25:51

    使用axios请求拦截器

    26:37

    使用axios响应拦截器

    15:03

    配置项目基本路径

    07:25

    请求进度条效果

    08:08
    第12章 第十二章

    把服务器返回的user信息交给redux管理

    28:08

    自动登录

    23:30

    退出登录功能

    07:54

    复习

    28:45

    装饰器语法

    24:30

    token验证

    36:03

    Admin整体布局搭建

    22:30

    Admin子路由搭建

    23:09

    头部静态布局

    27:22

    登录状态过期自动跳转

    15:36
    第13章 第十三章

    头部交互-全屏切换

    22:46

    头部交互-退出登录

    17:14

    头部时间展示

    12:28

    获取天气信息

    41:48

    展示天气信息

    10:20

    withRouter的使用

    14:57

    左侧导航静态布局

    30:47

    左侧导航静态-切换效果

    20:27

    动态生成菜单

    20:49
    第14章 第十四章

    菜单默认选中以及自动打开

    15:56

    展示header组件中的title

    23:04

    使用redux管理标题

    15:37

    商品分类静态页面(一)

    16:19

    商品分类静态页面(二)

    18:31

    动态初始化数据

    20:43

    新增与修改弹窗

    31:34

    新增商品

    30:56

    更新商品分类

    37:16

    处理导航默认选中问题

    12:33
    第15章 第十五章

    商品管理静态页面

    32:17

    初始化列表展示+分页

    48:27

    操作商品状态

    23:22

    发送搜索请求

    35:43

    搜索功能的实现

    23:42

    商品详情和修改路由的搭建

    23:59

    解决标签选中和title的问题

    14:29

    商品详情-静态页面

    15:15

    展示详情

    32:14

    从服务器拉取详情

    17:33
    第16章 第十六章

    展示商品详细信息-redux

    46:07

    展示商品详细信息-请求后台

    21:30

    新增商品-静态页面

    22:35

    收集部分商品数据

    20:55

    照片墙-静态

    14:53

    使用Upload组件上传一个文件

    46:59

    上传和删除的响应

    27:53

    完成上传功能

    23:02

    富文本编辑器

    18:42

    完成新增商品

    22:23
    第17章 第十七章

    商品修改

    51:57

    角色管理简介

    23:15

    新增角色

    21:24

    树形菜单

    58:11

    完成授权功能

    26:28

    获取用户列表

    21:18

    新增用户

    20:27

    遍历菜单-数组的some方法

    34:01

    echarts的使用

    24:35

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    webpack的核心概念 Entry:入口,Webpack进行打包的起始点(文件) Output:输出,webpack编译打包生成的bundle(打包文件) Loader:模块加载(转换)器,将非js、非json模块包装成webpack能理解的js模块 Plugin:插件,在 Webpack 构建流程中的特定时机插入具有特定功能的代码

    全部评论我要评论

  • 飞扬

    飞扬5个月前

    有课件就好了,可以上传吗

    回复
    0

  • 取消回复发送
  • PHP中文网