chuanye的个人空间

完成的效果 1234567891011121314151617181920212223<div id="mvvm-app"> <input type="text" v-model="word"> <p>{{word}}</p> <button v-on:click="sayHi... post.continue_reading

123456789101112131415161718192021222324252627282930313233343536'rules': { // no-var 'no-var': 'error', // 要求或禁止 var 声明中的初始化 'init-declarations': 2, // 强制使用单引号 'quotes': ['err... post.continue_reading

##RX.js ##一、函数式编程-通用函数式 1.ForEach12var arr = ['111','222'];arr.forEacj(item => console.log(item)); 2.map1234567Array.prototype.map = function(callback) { var result... post.continue_reading

整理于互联网 一、前言 从问题说起：熟悉 React 组件生命周期的话都知道：调用 setState 方法总是会触发 render 方法从而进行 vdom re-render 相关逻辑，哪怕实际上你没有更改到 Component.state 12this.state = {count: 0}this.setState({count: 0});//... post.continue_reading

一、React-router V4版本修改内容及一些坑1、所有组件更改为从react-router-dom导入 12345678//v2import {Router,Route,hashHistory} from 'react-router';// 4.xx写法//v4import {Route,BrowserRouter as Router, Switch&#... post.continue_reading

以TODO为例分析，实际开发中并不是那么简单，下面的原型只是开发中的一个原型，这个简单的例子，有助于掌握数据处理传递的原则。 一、定义constants 这一步不是必须的 1234567891011/** * 常量统一保存，便于管理 */export const ADD_TODO = 'ADD_TODO';export const TOGGLE_TODO = 'TOGGLE_TODO'... post.continue_reading

一、index.js https://github.com/reactjs/redux/blob/master/src/index.js 暴露了几个核心API 12345678910111213import createStore from './createStore';import combineReducers from './utils/combineReducers';imp... post.continue_reading

一、前言 在redux里，middleware是发送action和action到达reducer之间的第三方扩展，也就是中间层。也可以这样说，middleware是架在action和store之间的一座桥梁 在redux里，action仅仅是携带了数据的普通js对象 Reducer 拆分可以使组件获取其最小属性(state)，而不需要整个Store。中间件则可以在Action Creat... post.continue_reading

redux的核心概念就是store、action、reducer，从调用关系来看如下所示 1store.dispatch(action) --> reducer(state, action) --> final state 123456789101112131415161718192021222324252627282930// reducer方法, 传入的参数有两个// s... post.continue_reading

一、什么是生命周期 image.png 组件本质是状态机，输入确定，输出一定确定 一个state对应一个render，状态转换的时候会触发不同的函数，从而让开发者有机会做出响应，可以... post.continue_reading