• 课程 / React

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

    下载APP,随时随地学习!

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

    虚拟DOM的两种创建方式

    几个小问题说明

    jsx语法规则

    jsx的小练习

    组件的两种创建方式

    复习

    第4章 第四章

    组件三大属性之state

    state的简写方式

    组件三大属性之props

    props传递标签属性简化写法

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

    ref新语法

    复习

    todolist实现静态组件

    todolist动态展示数据

    完成todolist

    第5章 第五章

    受控组件与非受控组件

    组件的声明周期

    复习

    关于forceUpdate与willRecriveProps

    getDerivedStateFromProps

    getSnapshotBeforeUpdate

    验证diff算法

    key的作用

    react脚手架的下载

    react脚手架的简单说明

    第6章 第六章

    react脚手架详细说明

    一个简单的组件组合

    评论案例—静态页面

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

    用户评论案例—增加评论

    用户评论案例—完成交互

    用户评论—第二版

    axios练习

    fetch的简单练习

    github搜索案例—静态页面

    第7章 第七章

    github搜索案例—发送请求

    github搜索案例—完成交互

    复习

    github搜索案例—pubsub版

    react组件间通信方式

    路由的简介

    基本路由使用

    基本路由的详细说明

    二级路由的搭建(一)

    复习

    第8章 第八章

    二级路由的搭建(二)

    路由组件传参

    编程式路由导航

    antd的简单使用

    复习

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

    18:56

    回顾git

    项目技术选型

    使用create-react-app搭建应用

    配置antd样式的按需引入

    第9章 第九章

    antd自定义主题

    搭建login与admin路由

    login静态页面

    antd的From组件-静态

    用户名的声明式验证

    密码的自定义验证

    登录表单的统一验证

    高阶组件&高阶函数

    复习

    准备redux分支

    第10章 第十章

    redux交互模型简介

    redux原理图详解

    案例-react版

    案例-redux-无action版

    案例-redux最终版

    react-redux的简介

    案例-react-redux(第一版)

    案例-react-redux(第二版)

    react-redux异步编程

    redux调试工具的使用

    第11章 第十一章

    react-redux的模块化编码

    复习

    搭建redux开发环境

    API接口及测试

    配置代理解决跨域问题

    post请求json形式编码参数

    使用axios请求拦截器

    使用axios响应拦截器

    配置项目基本路径

    请求进度条效果

    第12章 第十二章

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

    自动登录

    退出登录功能

    07:54

    复习

    装饰器语法

    token验证

    Admin整体布局搭建

    22:30

    Admin子路由搭建

    头部静态布局

    登录状态过期自动跳转

    15:36
    第13章 第十三章

    头部交互-全屏切换

    头部交互-退出登录

    头部时间展示

    获取天气信息

    展示天气信息

    withRouter的使用

    左侧导航静态布局

    左侧导航静态-切换效果

    动态生成菜单

    第14章 第十四章

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

    展示header组件中的title

    使用redux管理标题

    商品分类静态页面(一)

    商品分类静态页面(二)

    动态初始化数据

    新增与修改弹窗

    新增商品

    更新商品分类

    处理导航默认选中问题

    第15章 第十五章

    商品管理静态页面

    初始化列表展示+分页

    操作商品状态

    发送搜索请求

    搜索功能的实现

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

    解决标签选中和title的问题

    商品详情-静态页面

    展示详情

    从服务器拉取详情

    第16章 第十六章

    展示商品详细信息-redux

    46:07

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

    新增商品-静态页面

    收集部分商品数据

    照片墙-静态

    使用Upload组件上传一个文件

    上传和删除的响应

    完成上传功能

    富文本编辑器

    18:42

    完成新增商品

    第17章 第十七章

    商品修改

    角色管理简介

    新增角色

    树形菜单

    完成授权功能

    获取用户列表

    新增用户

    遍历菜单-数组的some方法

    echarts的使用

    讲师介绍

    V
    V
    学生
    能学到什么:

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

    全部评论我要评论

    暂无评论~
  • 取消回复发送
  • PHP中文网