前言: 目前公司使用dva,对于前不久还是使用原生js的我来说,花了差不多一两周时间,基本掌握如何使用.虽然对于react有一点点基础,但很多地方未深入,很多概念也很模糊,故从本文开始,记录一下系统的学习react的历程. redux:(http://www.redux.org.cn/) 简单来看,redux基本使用就是这样,create一个store出来,然后通过dispatch action,通过reducer来改变这个store. const reducer = combinReducer…

中间件所做的事情就是在action发起后,到reducer之前做扩展,实现的方式是对store的dispatch进行包装 store.dispatch => [middlewales] => return new store.dispatch 所以从上面所知,middlewales是需要接受store的dispatch为参数的,为了进行state的一些操作比如跟踪state变化,则把getState也一同传入 middlewales(store.dispatch,store.getState)…

react系列笔记1 用npx npm命令创建react app create-react-app my-app是开始构建新的 React 单页应用程序的最佳方式.它已经为你设置好了开发环境,以便您可以使用最新的 JavaScript 特性,提供不错的开发体验,并且可以优化你的生产环境应用.你需要在你的机器上安装 Node >= 6 . 安装node.js 工具 Download | Node.jshttps://nodejs.org/en/download/ 安装后再打开cmd执行下面命令:…

github : https://github.com/redux-saga/redux-saga 文档:https://redux-saga.js.org/ redux-saga:  redux中间件,旨在处理应用中的副作用 使用: import createSagaMiddleware from 'redux-saga' import {createStore,applyMiddleware} from 'redux' const saga = createSagaMiddleware();…

ng-model指令 ng-model可以将输入域的值与AngularJs的变量绑定 双向绑定 当修改输入域的值时候,AngularJs属性的值也将修改 <div ng-app="Home"> 姓名:<input type="text" ng-model="name"/> <p>{{name}}</p> </div> 验证用户输入 以下提示信息将在ng-show属性返回true的情况下显…

本节讲解几个多进程的实例. 多进程实例 Master-Worker结构 下面例子实现了简单的多进程管理: 支持设置最大子进程数 Master-Worker结构:Worker挂掉,Master进程会重新创建一个 <?php $pids = []; //存储子进程pid $MAX_PROCESS = 3;//最大进程数 $pid = pcntl_fork(); if($pid <0){ exit("fork fail\n"); }elseif($pid > 0){ exi…

这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo. 前置要求: 基本的CSS,JS要熟练. 部分ES6语法需要了解.可以参考下面提到的阮一峰老师的<ECMAScript 6 入门>和MDN文档. 目前已经完成的内容: react系列(零)安装 react系列(一)JSX语法.组件概念.生命周期介绍 react系列(二)高阶组件-HOC react系列(三)组件间通信 react系列(四)Redux的概念和使用 react系列(五)在Rea…

React Learn Note 4 React学习笔记(四) 标签(空格分隔): React JavaScript 三.组件&Props 组件可以将UI切分成一些独立的.可复用的部件,这样你就只需专注于构建每一个单独的部件. 组件接收props,返回react元素. 1. 函数定义\类定义组件 最简单组件方式 - 函数定义组件: // 函数定义组件 function Welcome(props) { return <h1>Hello, {props.name}!</h1>…

React Learn Note 3 React学习笔记(三) 标签(空格分隔): React JavaScript 二.元素渲染 元素是构成react应用的最小单位. 元素是普通的对象. 元素是构成组件的一个部分. 1. 将元素渲染到DOM中 <div id="root"></div>中的所有内容都将由React DOM来管理.称为"根"DOM节点. 将元素传递给ReactDOM.render()方法来渲染. const element =…

React Learn Note 2 React学习笔记(二) 标签(空格分隔): React JavaScript 一.JSX简介 像const element = <h1>Hello world</h1>;这种被称为JSX,一种JavaScript的语法扩展.React推荐使用JSX来描述用户界面.它完全是在JavaScript内部实现的. 1. 在JSX中使用表达式 在JSX DOM中的表达式要包含在大括号里.React推荐在JSX代码的外面加小括号,防止分号自动插入的bug…