摘要: 第十六单元(redux的认识,redux相关api的掌握) #课程目标 掌握组件化框架实现组件之间传参的几种方式,并了解两个没有任何关系组件之间通信的通点 了解为了解决上述通点诞生的flux架构 了解单向数据流及在redux结合react组件之间的数据流向 掌握redux的三大原则,单一数据源,st 阅读全文
posted @ 2020-12-14 10:32 人心不古 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 第十五单元(react路由的封装,以及路由数据的提取) #课程目标 熟悉react路由组件及路由传参,封装路由组件能够处理路由表 对多级路由能够实现封装通用路由传递逻辑,实现多级路由的递归传参 对复杂的react应用,能够提取路由表并使用路由组件简化路由配置 在路由组件中实现路由拦截功能 #知识点 阅读全文
posted @ 2020-12-14 10:31 人心不古 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 第十四单元(react路由-react路由的跳转以及路由信息) #课程目标 理解前端单页面应用与多页面应用的优缺点 理解react路由是前端单页面应用的核心 会使用react路由配置前端单页面应用框架及实现页面之间的跳转 认识react路由元信息,学会从react路由元信息中拿到所需要的路由信息 会 阅读全文
posted @ 2020-12-14 10:30 人心不古 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 第十三单元(react路由-react路由的跳转以及路由信息) #课程目标 熟悉掌握路由的配置 熟悉掌握跳转路由的方式 熟悉掌握路由跳转传参的方式 可以根据对其的理解封装一个类似Vue的router-view #知识点 路由的配置属性 路由配置属性主要有 path、name、component 等。 阅读全文
posted @ 2020-12-14 10:29 人心不古 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 第十二单元(react路由-使用react-router-dom-认识相关的组件以及组件属性) #课程目标 理解路由的原理及应运 理解react-router-dom以及内置的一些组件 合理应用内置组件及其属性搭建项目路由 #知识点 路由的由来 路由就是指随着浏览器地址栏的变化,展示给用户的页面也不 阅读全文
posted @ 2020-12-14 10:28 人心不古 阅读(325) 评论(0) 推荐(0) 编辑
摘要: 第十一单元(受控组件和非受控组件-实现类似于vue双向绑定的功能) #课程目标 理解因为react的单向数据流 理解表单组件会因为react数据流变的不好维护 理解受控组件与非受控组件的实质区别 理解受控组件在实际项目中的运用场景 利用受控组件完成一个表单控件的封装 #知识点 react单向数据流 阅读全文
posted @ 2020-12-14 10:25 人心不古 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 第十单元(children的深入用法-React.Children对象上的方法) #课程目标 理解什么是children 掌握React.Children对象上的方法 #知识点 什么是children 上图中我们看到了,我们之前学过的React.createElement方法,现在大家发现jsx的内 阅读全文
posted @ 2020-12-14 10:12 人心不古 阅读(944) 评论(0) 推荐(0) 编辑
摘要: 第九单元(propTypes验证) #课程目标 理解类型验证的必要性 灵活掌握类型验证的使用 #知识点 在给react组件传属性的的时候,我们可以定义属性的类型,此时我们需要下载prop-types这个库。 安装prop-types npm install prop-types -S 1 引入和使用 阅读全文
posted @ 2020-12-14 10:11 人心不古 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 课程目标 理解纯函数 熟练掌握组件性能优化的几种技巧 pureComponent和Component的区别 #知识点 一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数 函数的返回结果只依赖于它的参数 函数执行过程里面没有副作用 const a = 1 co 阅读全文
posted @ 2020-12-14 10:10 人心不古 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 第七单元(组件的高级用法-组件的组合(children的用法)-高阶组件-封装组件) #受控组件 简而言之,就是受到状态state控制的表单,表单的值改变则state值也改变,受控组件必须要搭配onchange方法,否则不能使用 class App extends Component{ state= 阅读全文
posted @ 2020-12-14 10:09 人心不古 阅读(601) 评论(0) 推荐(0) 编辑