2020年03月_叫我虫虫吧

原创 redux基本流程和redux-thunk 中间件

问题？什么是中间件，是谁和谁之间的中间件呢？说这个问题之前，先搞清楚redux的流程（顺序如下）： View：派发一个action，action通过store的dispatch方法派发给store store：store接收到action连同之前的state一起传给reducer reducer：reducer返...

2020-03-30 17:55:21 500

原创 JavaScript 根据id数组，删除对象数组中的指定项

const arr = '1'const allArr = [ {id:1,name:'张三'} {id:4,name:'李四'}]最终结果： //screenArr = [{id:4,name:"李四"}];实现如下： const screenArr = allArr.filter((item) => { ...

2020-03-27 13:51:54 10831

原创 create-react-app 工程目录介绍

//执行一下代码npx create-react-app my-appcd my-appnpm start生成以下目录结构，今天就来介绍下这些文件都是做什么的，按照顺序，从上往下开始根目录下：yarn.lock 项目依赖的安装包、会在这里进行限制、（我们不要动它）README.md 项目的说明文件、这里文件你可以自己删除掉，通过markdow的语法来编写自...

2020-03-26 11:11:31 1709

原创 Dva.js 使用介绍

Dva里面最重要的是Model我们先说Modeldva 通过 model 的概念把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects新建一个model.jsexport default { namespace: 'products', state: [], reducers: { 'delete'(state...

2020-03-23 14:55:24 2093

原创 React + Dva.js 使用

Dva简介：Dva是基于redux和redux-saga的数据流方法，并且内置了react-router和Fetch, 说白了就是融合了redux+redux-saga+react-router dva = React-Router + Redux + Redux-sagaDva详细介绍请看官方Api：https://dvajs.com/guide/1）.在D...

2020-03-23 10:34:01 1219

原创 react 判断数组是否存在以此执行后面的方法

场景：判断数组是否有数据，以此来绝对要不要执行后面的语句有一些“falsy” 值，如数字0，仍然会被 React 渲染。例如，以下代码并不会像你预期那样工作，因为当props.messages是空数组时，0仍然会被渲染<div> //错误 {props.messages.length && <MessageList messages...

2020-03-20 10:27:34 3129

原创 react 之 Context 使用方法

一般组件之间传参通过props，今天记录一下Context使用场景：组件嵌套层级很深的情况1.在传参的那一层（父组件）顶部创建一个 Context 对象const Context = React.createContext(defaultValue); //创建一个 Context 对象 //defau...

2020-03-19 14:16:47 579

原创前端偶尔会用到的Xshell之linux指令

使用情况：后台和测试人员为我们搭建好测试服务器之后，每次需要更新代码到测试服务器的时候还要劳顿他们，为此，在自己电脑上装一个Xshell连接到远程主机 Xshell是一种非常流行的SSH工具,用于在电脑上对远程空间(我这里是直接链接测试服务器)进行通信和控制为此记录一些常用的指令cd 就不说...

2020-03-17 16:11:32 166

原创 React 之 cancel all subscriptions and asynchronous tasks in the componentWillUnmount method

诱发这个情况的原因是，我在componentDidMount 里面执行的ajax请求componentDidMount() { getClassNameList() .then(res => { if (res.code == 200) { this.setState({ classID: res.data...

2020-03-16 17:05:37 2089

原创 js 查找树种某一条数据最深层的子数据（递归获取指定某一条数据）

var data = { 'code': 200, 'data': [ { 'cascadeIds': 'f24e3b3b31ea11ea8bef000c29aefb8e_6c5feaf031c111ea8bef000c29aefb8e_17fca55631c711ea8bef000c29aefb8e', 'childTree': ...

2020-03-06 18:59:56 1861 1

原创 antd design Select自定义参数传递

选中Select下拉option之后，不仅仅要获取它的value，还要获取其它字段type，首先把type字段传递给option，之后通过onChange={(value,option)=> this.handleChange(option)}option可以获取到很多参数，里面的props就是你需要的数据 //事件handleChange = (option)...

2020-03-06 11:22:53 7964

无缺的博客