2021年10月_YuLong~W

原创 React-Redux 知识点及实现数据共享案例

文章目录React-ReduxReact-Redux概念相关API方法案例——用React+React-Redux实现数字求和纯函数和高阶函数数据共享——案例React-ReduxReact-Redux概念React-Redux 是 Redux 的官方 React 绑定库、插件库。专门用来简化React应用中使用Redux能够使React组件从Redux store中读取数据，并且向 store 分发 actions 以更新数据React-Redux 并不是 Redux 内置，需要单独安装。

2021-10-31 23:21:35 874 4

原创 Redux 知识点及使用案例

文章目录ReduxRedux简介ReduxRedux简介redux是一个专门用于做状态管理的JS库(不是react插件库)。它可以用在react,，angular， vue等项目中, 但基本与react配合使用。作用：集中式管理react应用中多个组件共享的状态。使用场景：某个组件的状态，需要让其他组件可以随时拿到（共享）。一个组件需要改变另一个组件的状态（通信）。总体原则：能不用就不用, 如果不用比较吃力才考虑使用。设计思想：Redux 是将整个应用状态存储到一个叫做 st

2021-10-29 18:33:28 765 2

原创 React 路由组件详解

文章目录路由组件1、HashRouter和BrowserRouter2、Route3、Router4、Link和NavLink5、Redirect6、Switch7、withRouter嵌套路由向路由组件传递参数路由跳转的两种模式编程式路由导航Router Hooks路由组件路由组件与一般组件区别：1、写法不同：一般组件：<Demo/>路由组件：<Route path="/demo" component={Demo}/>2、存放位置不同：一般组件：compone

2021-10-24 21:22:39 2491 5

原创 React 路由概念详解

文章目录路由的理解前端路由hash模式history模式路由的理解路由：一个路由就是一个映射关系(key:value)key为路径，value可能是 function 或 component路由分类：后端路由：理解： value是 function，用来处理客户端提交的请求。注册路由： router.get(path, function(req, res))工作过程：当node接收到一个请求时，根据请求路径找到匹配的路由，调用路由中的函数来处理请求，返回响应数据前端路由：

2021-10-22 21:17:45 744 3

原创 React ajax请求及axios、pubsub、fetch使用

文章目录React ajax前置说明常用ajax请求库axios消息订阅-发布机制Fetch案例——github用户搜索React ajax前置说明React 本身只关注于界面, 并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react 应用中需要集成第三方ajax库(或自己封装)常用ajax请求库1、jQuery: 比较重, 如果需要另外引入不建议使用2、axios: 轻量级, 建议使用封装XmlHttpRequest对象的ajaxpr

2021-10-20 21:27:21 2050 2

原创 React 脚手架的搭建、配置代理

文章目录React脚手架脚手架创建项目并启动项目结构功能界面的组件化编码流程（通用）React脚手架脚手架用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果React提供了一个用于创建React项目的脚手架库: create-react-app项目的整体技术架构为: react + webpack + es6 + eslint使用脚手架开发的项目的特点: 模块化, 组件化,

2021-10-17 13:31:03 246 3

原创移动端、PC端网页特效

文章目录PC端网页特效偏移量系列 offset可视区系列 client滚动系列 scrollPC端网页特效偏移量系列 offsetoffset 翻译过来就是偏移量，使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位常用属性：图示：offset与style区别：offsetstyle可以得到任意样式表中的样式值只能得到行内样式表中的样式值

2021-10-10 13:57:39 5668 6

原创移动端Web开发响应式布局及Bootstrap框架使用

文章目录BootstrapBootstrapBootstrap 是一款非常优秀的Web前端框架，其灵活性和可扩展性加速了响应式页面开发的进程。Bootstrap遵循移动优先的原则，在开源之后迅速受到开发人员的追捧，推动了响应式技术的发展Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端框架之一。是一个基于 HTML、CSS和JavaScript 语言编写的框架，具有简单、灵活的特性，拥有样式库、组件和插件Bootstrap常用来开发响应式布局和移动设备优先的Web项目，能够

2021-10-04 21:38:25 1146 2

YuLong的博客