![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 92
pan_mlpan
没有伞的孩子要努力奔跑
展开
-
React redux介绍(九)
React redux介绍(九)React 官网链接:英文官网中文官网接着上节 React UI组件库介绍(八)前言在前面讲解的React文章中,凭借React三大属性(state、props、ref),再凭借脚手架,基本实现一个简单的应用问题不大,但是单单靠这些构建应用时,组件的状态管理是非常繁琐的,父子组件的状态改变还是很好做的、但是爷孙组件的状态改变如果单单靠上面就要凭借父亲组件做一个过度,传来传去,过于繁琐针对组件的状态管理,一般React会配合redux使用,下面介绍一下redu原创 2022-05-30 16:06:32 · 4811 阅读 · 1 评论 -
React UI组件库介绍(八)
React UI组件库介绍(八)React 官网链接:英文官网中文官网接着上节 React 路由介绍(七)前言在实现React SPA应用的时候,我们通常采用 面向组件编程 ,如果组件全部都是自己去写的话,未免有点太蠢了~,要写具体的布局与样式,如果完成一个项目的话,这个就是一个很大的工程了原生在html+css+js的前端页面实现时,也会依靠一些现成的样式/布局库来实现页面的UI, 像 bootstrap 、easy-ui 等等,同样的,针对React的组件,同样有一些现成的组件库来供我原创 2022-05-04 15:52:26 · 1322 阅读 · 0 评论 -
React 路由介绍(路由跳转、react-router-dom、路由传递参数)(七)
React 路由介绍(七)React 官网链接:英文官网中文官网接着上节 React ajax 发送请求(六)前言在我们实际开发的时候,React 应用其实是一个单页Web应用(single page web application,SPA),SPA应用的特点如下:单页Web应用,整个应用只有一个完整的页面点击页面中的链接 不会刷新整个页面,只会做页面的 局部更新数据都需要通过 ajax 请求获取,并在前端异步展现在原生的 html 中,跳转页面靠 标签来进行页面的跳转,而在原创 2022-05-04 12:38:05 · 1316 阅读 · 0 评论 -
React ajax 发送请求(六)
React ajax 发送请求(六)React 官网链接:英文官网中文官网接着上节 React 代理配置(五)前言在实际做React 项目的时候, 前端应用需要通过 ajax 请求与后台进行交互,React本身只关注于界面, 并不包含发送ajax请求的代码,所以一般 React 应用中需要集成第三方ajax库(或自己封装,但是一般还是借助第三方库来封装,没有自己完全去封装的)ajax 请求库常见的在React 用的 ajax 请求库有以下两个:jQuery: 比较重,如果需要另外引原创 2022-05-02 20:19:34 · 988 阅读 · 2 评论 -
React 代理配置(五)
React 代理配置(五)React 官网链接:英文官网中文官网接着上节 React 脚手架介绍(create-react-app)(四)代理代理介绍代理,顾名思义,就是代替你去操作譬如现在有两个角色,客户端与服务端如果不借助代理:客户端直接与服务端通信如果借助代理:客户端跟代理说需求,代理去跟服务端通信举个场景例子:(正向代理)我:客户端 厨师:服务端 服务员:代理如果不借助代理:我(客户端)直接跟 厨师(服务端)说要吃什么如果借助代理:我(原创 2022-05-01 15:13:41 · 569 阅读 · 0 评论 -
React 脚手架介绍(create-react-app)(四)
React 脚手架介绍(create-react-app)(四)React 官网链接:英文官网中文官网接着上节 React DOM Diffing与 Key(三)脚手架xxx 脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果react 提供了一个用于创建react项目的脚手架库: create-react-app官话:Create React App 是原创 2022-05-01 14:20:07 · 293 阅读 · 0 评论 -
React DOM Diffing与 Key(三)
React DOM Diffing与 Key(三)React 官网链接:英文官网中文官网接着上节 React 组件生命周期与三大属性state、refs、props(二)DOM Diffing 算法调用 setState() 方法进行组件更新的时候, 是一种合并,不是替换,这也是React高效的原因之一~,如图:setState() 更新状态:重新创建虚拟DOM新旧节点比较若新旧节点相同,则不更新若新旧节点差异,则进行更新局部页面重绘Key虚拟 DOM 中 key原创 2022-04-30 22:19:35 · 178 阅读 · 0 评论 -
React 组件生命周期与三大属性state、refs、props(二)
React 组件生命周期与三大属性state、refs、props(二)React 官网链接:英文官网中文官网模块与组件介绍模块 与 模块化所谓 模块 指的是向外提供特定功能的JS程序( 一般就是一个JS文件)随着业务逻辑增加,代码越来越多且复杂,所以要通过 模块 来复用JS, 简化JS的编写, 提高JS运行效率当应用的 JS 都以模块来编写的, 这个应用就是一个 模块化 的应用组件 与 组件化所谓 组件 指的是用来实现局部功能效果的代码和资源的集合(html/css/js/imag原创 2022-04-30 20:07:25 · 391 阅读 · 0 评论 -
React 之介绍(一)
React 之介绍(一)学了一段时间React了,我的前端还停留在h5+css阶段,趁现在有时间,学习学习react,随着自己学习,写一个React的学习专栏,便于自己更好掌握官网链接:英文官网中文官网React 介绍React 是什么React 是一套 由Facebook开源 用于动态构建用户界面的 JavaScript 库(只关注于视图)相关JS库:react.js:React核心库react-dom.js:提供操作DOM的react扩展库babel.min.js:解析JSX原创 2022-04-30 12:42:40 · 283 阅读 · 0 评论