第十五单元(react路由的封装,以及路由数据的提取) #课程目标 熟悉react路由组件及路由传参,封装路由组件能够处理路由表 对多级路由能够实现封装通用路由传递逻辑,实现多级路由的递归传参 对复杂的react应用,能够提取路由表并使用路由组件简化路由配置 在路由组件中实现路由拦截功能 #知识点 封装路由组件 import React from 'react'; import {Switch, Route, Redirect} from 'react-router-dom'; export d…

第十二单元(react路由-使用react-router-dom-认识相关的组件以及组件属性) #课程目标 理解路由的原理及应运 理解react-router-dom以及内置的一些组件 合理应用内置组件及其属性搭建项目路由 #知识点 路由的由来 路由就是指随着浏览器地址栏的变化,展示给用户的页面也不相同.这是从路由的用途上来解释路由是什么的,还有一种说法是:路由就是URL到函数的映射. 1-1. hash => 路由的实现就是基于location.hash来实现的.其实现原理也很简单,locat…

第十四单元(react路由-react路由的跳转以及路由信息) #课程目标 理解前端单页面应用与多页面应用的优缺点 理解react路由是前端单页面应用的核心 会使用react路由配置前端单页面应用框架及实现页面之间的跳转 认识react路由元信息,学会从react路由元信息中拿到所需要的路由信息 会使用react路由传参,及通过传参实现页面之间数据的传递 #知识点 react路由库,react-dom(react-router-dom+react-router-native)或者react-ro…

第十九单元(react+react-router-dom+redux综合案例1) #课程目标 复习 综合练习 实战能力 #知识点 react react-router redux #授课思路 #案例和作业 电商首页 电商购物车添加 电商购物车编辑…

第十五单元(熟练使用vue-router插件) #课程目标 1.掌握路由嵌套 2.掌握导航守卫 #知识点 #一.路由嵌套 很多时候,我们会在一个视口中实现局部页面的切换.这时候就需要到了嵌套路由. 也就是说一个被渲染组件同样可以包含自己的嵌套 <router-view>. const router = new VueRouter({ routes: [ { path: '/cinema', //电影 component: Cinema, children: [ { path: 'hot', /…

第十六单元(redux的认识,redux相关api的掌握) #课程目标 掌握组件化框架实现组件之间传参的几种方式,并了解两个没有任何关系组件之间通信的通点 了解为了解决上述通点诞生的flux架构 了解单向数据流及在redux结合react组件之间的数据流向 掌握redux的三大原则,单一数据源,state是只读的和使用纯函数来修改执行 #知识点 掌握redux数据流向 调用 store.dispatch(action) Redux store 调用传入的 reducer 函数 根 reducer…

第十八单元(redux中间件redux-thunk,redux工程目录的样板代码,规范目录结构) #课程目标 中间件:中间件增强redux的可扩展性,实现功能复用的目的. redux-thunk异步逻辑处理 redux-thunk的使用规范 #知识点 applyMiddleware 控制反转,action从对象到函数 redux-thunk原理 #授课思路 #案例和作业 完成异步请求,并渲染页面 api: http://apiv2.pinduoduo.com/api/fiora/subject/…

一.功能 从首页列表点进去,转到详情页 列表.详情从Api获取 Api列表:http://a.itying.com/api/productlist 详情:http://a.itying.com/api/productcontent?id=5ac1a22011f48140d0002955 二.知识点 路由需要安装,并引用后才能用 路由的使用 api解析:axios :安装并引用后才能用 生命周期函数 三.实战 src目录结构: [Src] │ App.css │ App.js │ ... ├─co…

终于,终于,可以总结自己使用RN时的分享功能了-- 为什么呢?且听我慢慢道来吧: 从刚开始接触React Native(2017年9月中旬)就着手于分享功能,直到自己参与公司的rn项目开发中,再到现在几乎"竣工"的过程中,这一路的"艰辛"估计也只有自己能体会到了吧.其实自己并不喜欢抱怨,也不喜欢把负能量带给身边的朋友,因此在遇到问题后,都是竭尽全力的攻克它,也许会"废寝忘食",也许是"徒劳无功",即使中间道路实在太曲折,但庆幸…

使用RPM安装及移除软件 什么是RPM rpm的文件名 rpm软件安装与移除工作中经常使用的选项 查看RPM软件包中的信息 查询已安装的软件包信息 RPM包的属性依赖性问题 什么是RPM包的属性依赖性问题 RPM包的属性依赖性问题解决方法 将nginx编译为rpm包 课后作业 [本节内容]1. 使用RPM安装及移除软件(详见linux系统管理P374)1) 掌握RPM的定义:RPM就是Red Hat Package Manger(红帽软件包管理工具)的缩写.2) 了解rpm的文件名分为5部分,其…