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

下载APP，随时随地学习！

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

难度：中级

共168章节

3273次播放

第1章第一章: 构建工具简介; webpack简介; webpack小试牛刀; 使用webpack配置文件; less-loader解析less; eslint-loader语法检查; js语法转换; js新语法按需引入; url-loader解析样式中的图片; 打包html文件
第2章第二章: 打包html中图片资源; 打包其他资源; 自动编译打包运行; HMR（热模替换）; devtool映射技术; 准备生产环境; 清除打包文件目录; 提取css成单独文件; css文件的兼容性处理; 压缩css
第3章第三章: 压缩html; vscode编译器的使用; react简介; hello-react; 虚拟DOM的两种创建方式; 几个小问题说明; jsx语法规则; jsx的小练习; 组件的两种创建方式; 复习
第4章第四章: 组件三大属性之state; state的简写方式; 组件三大属性之props; props传递标签属性简化写法; 组件三大属性之ref&事件处理; ref新语法; 复习; todolist实现静态组件; todolist动态展示数据; 完成todolist
第5章第五章: 受控组件与非受控组件; 组件的声明周期; 复习; 关于forceUpdate与willRecri...; getDerivedStateFromProp...; getSnapshotBeforeUpdate; 验证diff算法; key的作用; react脚手架的下载; react脚手架的简单说明
第6章第六章: react脚手架详细说明; 一个简单的组件组合; 评论案例—静态页面; 用户评论案例—动态初始化; 用户评论案例—增加评论; 用户评论案例—完成交互; 用户评论—第二版; axios练习; fetch的简单练习; github搜索案例—静态页面
第7章第七章: github搜索案例—发送请求; github搜索案例—完成交互; 复习; github搜索案例—pubsub版; react组件间通信方式; 路由的简介; 基本路由使用; 基本路由的详细说明; 二级路由的搭建（一）; 复习
第8章第八章: 二级路由的搭建（二）; 路由组件传参; 编程式路由导航; antd的简单使用; 复习; 文件夹介绍——项目效果演示; 回顾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管理; 自动登录; 退出登录功能; 复习; 装饰器语法; token验证; Admin整体布局搭建; Admin子路由搭建; 头部静态布局; 登录状态过期自动跳转
第13章第十三章: 头部交互-全屏切换; 头部交互-退出登录; 头部时间展示; 获取天气信息; 展示天气信息; withRouter的使用; 左侧导航静态布局; 左侧导航静态-切换效果; 动态生成菜单
第14章第十四章: 菜单默认选中以及自动打开; 展示header组件中的title; 使用redux管理标题; 商品分类静态页面(一); 商品分类静态页面(二); 动态初始化数据; 新增与修改弹窗; 新增商品; 更新商品分类; 处理导航默认选中问题
第15章第十五章: 商品管理静态页面; 初始化列表展示+分页; 操作商品状态; 发送搜索请求; 搜索功能的实现; 商品详情和修改路由的搭建; 解决标签选中和title的问题; 商品详情-静态页面; 展示详情; 从服务器拉取详情
第16章第十六章: 展示商品详细信息-redux; 展示商品详细信息-请求后台; 新增商品-静态页面; 收集部分商品数据; 照片墙-静态; 使用Upload组件上传一个文件; 上传和删除的响应; 完成上传功能; 富文本编辑器; 完成新增商品
第17章第十七章: 商品修改; 角色管理简介; 新增角色; 树形菜单; 完成授权功能; 获取用户列表; 新增用户; 遍历菜单-数组的some方法; echarts的使用

讲师介绍

V: 学生

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

暂无课件

取消回复发送

PHP中文网