自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

react开发环境搭建

使用create-react-app脚手架 安装create-react-app脚手架 cnpm install -g create-react-app 使用脚手架创建react项目 create-react-app 项目名 使用webpack创建react开发环境 webpack版本为4...

2019-07-13 18:02:19

阅读数 39

评论数 0

创建自己的redux

并不是创建redux包只是创建了redux的基础功能,以方便学习理解redux。 redux流程分析 store,数据仓库 state,redux中的state,非react中的state action,普通的JavaScript对象 dispatch,一个方法可以根据action和state生...

2019-07-13 17:55:31

阅读数 8

评论数 0

react-router-dom基本使用

介绍 在react项目开发过程中经常会遇到,页面跳转之类的路由相关事件,为了更好的处理这些需要运用到react路由相关的一些包。 包括: react-router、react-router-dom、react-router-native react-router,只实现了路由的核心功能 rea...

2019-07-10 09:18:38

阅读数 232

评论数 0

react-router-dom详细介绍

等会再写

2019-07-10 09:17:12

阅读数 82

评论数 0

React钩子函数

react组件生命周期,如下图所示, 在组件运行过程中,constructor、componentWillMount、componentDidMount、render都是持续运行的,其他的函数会在一定条件下触发。 执行顺序: constructor -> componentWi...

2019-07-10 08:24:36

阅读数 137

评论数 0

javascript对象继承

A对象通过继承B对象,就可以直接拥有B对象的所有属性和方法。这对于代码复用及其重要 ES5中对象继承 function Person(name,age){ this.name = name; this.age = age; this.sayHello = function(){ con...

2019-07-09 22:42:05

阅读数 17

评论数 0

react props与state的区别

props props只能通过父组件传入,或者设置默认值。只能通过父组件修改传入的props进行修改。 一般props需要设置初值和数据类型,以确保传入的props的正确性,避免props出错。 具体设置可参考:https://blog.csdn.net/wang19970228/articl...

2019-07-09 21:42:34

阅读数 9

评论数 0

react父子组件相互传参

父组件往子组件传参 可以通过props属性传参 // children component import React, {Component} from 'react'; class Children extends Component{ render(){ <p&g...

2019-07-09 21:32:05

阅读数 15

评论数 0

react设置默认props及props数据类型

在react中父组件往子组件传值通过props属性,为了确保子组件不因props错误导致出错,因此需要对props进行一些初始化设置。 使用prop-types设置props类型 实例代码: import React, {Component} from 'react'; import PropTy...

2019-07-09 20:58:33

阅读数 225

评论数 0

React条件渲染与列表渲染

react进行条件渲染或列表渲染,实质上是将需要渲染的内容放置于变量中,然后再render中输出变量即可 条件渲染 可以使用三目运算符,或者if条件句 render (){ let info = this.props.status ? <p>我是true&am...

2019-07-09 20:30:27

阅读数 23

评论数 0

解决react页面刷新store被重置的问题

在WEB SPA项目开发时,使用redux,如果进行页面跳转,会发现当跳转之后redux会被重置,这是 我们不希望看到的因此需要解决这个问题。 由于store是内存驱动,而非缓存机制。因此,页面刷新(跳转)时store会被初始化,在刷新时需要将store数据持久化。 解决redux在发生页面跳转时...

2019-07-09 18:42:14

阅读数 225

评论数 0

react中创建一个轮播器组件

创建轮播器组件 需要解决的问题: 确保传入的props参数格式的正确性 在React中操作React创建的DOM元素 组件状态切换时,对于setInterval函数的操作,以确保不会报错 问题解决 props参数使用prop-types包设置参数格式以及默认props的设置,确保props的正...

2019-07-09 18:32:08

阅读数 78

评论数 0

react全局组件的创建与使用

创建全局组件 相比于普通组件,全局组件实在普通组件的基础上,将普通组件创建至DOM即可。 // Test未普通组件 import React, {Component} from 'react'; import ReactDOM from 'react-dom'; class Test exten...

2019-07-09 18:18:34

阅读数 228

评论数 0

Markdown使用及如何将markdown转为html

标题 一级标题: #+空格+标题内容 多少级标题前面就加多少#,如:二级标题: ## 我是二级标题 列表 有序列表:1.+空格+内容 无序列表:*+空格+内容 二级列表: tab+*+空格+内容 多级列表: 多个tab+*+空格+内容 图片 格式为: ![在这里插入图片描述](图片的路径...

2019-04-26 23:27:07

阅读数 127

评论数 0

安装Mongodb

windows安装mongodb服务

2019-04-26 23:10:13

阅读数 31

评论数 0

提示
确定要删除当前文章?
取消 删除