2017年05月_风火一回

11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 promise深入了解

Pormise深入了解import React from "react";export default class Footer extends React.Component{ constructor(props){ super(props) this.state = { flag : 0, result:''

2017-05-27 11:35:31 1065

原创 ES6对象扩展

ES6对象扩展对象简写ES6允许属性和方法名简写方式。属性名的简写即只书写属性名，属性值则为与属性名同名的变量值。方法简写即是省略function关键字。属性简写let name="es6"" style="border: 0px; display: block;font-family: Consolas, Inconsolata, Courier, monospace

2017-05-25 13:23:23 803

原创 Redux入门

简介Redux是一个非常有用的框架，他主要解决状态的统一管理问题。而React则将所有组件视为状态机,所以Redux可以看作是一个React的数据管理中心。但需要注意，并不是必须用Redux来管理数据，只是该框架让复杂业务逻辑和多组件通信更加方便。Redux的思想主要概括为下面2点：a.Web 应用是一个状态机，视图与状态是一一对应的。b.所有的状态，保存在一个store对象里面...

2017-05-25 08:55:48 839

原创 Promise对象详解

1.简介Promise是抽象异步处理对象以及对其进行各种操作的组件。2.对象状态Promise对象有2种状态:promise对象被 resolve 时的处理(onFulfilled)promise对象被 reject 时的处理(onRejected)3.创建Promise对象创建一个Promise对象一般分为2步：

2017-05-19 17:08:18 2542

原创 React组件间通信

1.父组件->子组件父组件向子组件通信是通过在子组件中定义属性实现的，然后子组件可以使用this.props拿到父组件的方法或者参数。例如：父组件import React from 'react';import ButtonTest from './ButtonTest.js'export default class RuleDemo3 extends React.Compone

2017-05-12 12:45:38 433

转载 React、ReactDOM、ReactDOMServer相关API

React组件及子组件最终通过render方法渲染到DOM中，该方法由ReactDOM类库提供。页面的渲染可以在客户端或服务端完成，ReactDOMServer类库使你可以在服务端完成组件的渲染。通过this.props.children属性可以访问组件的子节点，而对子节点的处理的方法则由React.Children类提供。ReactDOM类库1.1 渲染ReactEl

2017-05-11 11:15:32 529

转载 React表单

表单是前端非常重要的一块内容，并且往往包含了错误校验等逻辑。 React对表单元素做了专门的优化处理，他对表单元素做了一些抽象，使得他们的使用方式更统一更规范。约束性和非约束性组件表单里面出来了一个新的概念叫“约束性组件”。那么如何理解约束性组件和非约束性组件呢。约束性组件，简单的说，就是由React管理了它的value，而非约束性组件的value就是原生的DOM管理的。

2017-05-11 11:05:57 310

原创 React开发调试工具

1.插件下载首先，下载react-eveloper-tools开发调试工具插件。官网下载路径：https://github.com/facebook/react-devtools谷歌下载.crx后缀的文件，火狐下载.xpi后缀的文件。因为谷歌插件下载需要翻墙，这里提供一个本地资源：http://download.csdn.net/detail/mafan121/9838773

2017-05-11 10:42:32 15853

原创 React对static的支持

在使用ES6编写React组件的时候，你会发现es6支持的static defaultProps = { autoPlay: false, maxLoops: 10,};static propTypes = { autoPlay: React.PropTypes.bool.isRequired, maxLoops: React.Pr

2017-05-10 17:28:31 7086 1

原创 React学习

React拥有独有的语法，jsx语法。使用React至少需要3个包的支持：react.js:React核心库react-dom.js:React与DOM相关的操作库Browser.js:将JSX语法解析成JavaScript语法，这一步比较耗时，最好放在服务端完成。一般情况下，我们会使用如下命令安装React:cnpm install --save-dev

2017-05-10 16:25:06 365

原创 react+webpack入门（2）

这一篇将在上一篇的基础上做修改，不太清楚的朋友可以看这里：http://blog.csdn.net/mafan121/article/details/71425526首先，在components文件夹下创建ContentTest.js文件，文件内容如下：import React from 'react';export default class ContentTest exte

2017-05-08 18:11:46 329

原创 react+wepack入门(1)

1.新建一个空项目2.生成package.json文件在Teriminal中执行：cnpm init修改生成文件中的scripts："scripts": { "start": "webpack", "dev":"webpack-dev-server" },这里的配置意思是：可以用npm start代替webpack命令，用npm

2017-05-08 17:55:46 987

原创 webstorm+webpack创建项目

1.使用webstrom创建一个空的项目2.在项目下创建文件夹和文件a.创建css文件夹存放index.css文件，文件内容如下： p{ font-size: 24px; padding:0 100px; color:blue;}p:nth-of-type(2) { font-size: 30px; text-align: cent...

2017-05-05 16:15:51 20112 9

原创 webpack入门

1.webpack介绍webpack是一个模块加载器兼打包工具。它是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。支持对react热插拔。2.安装（使用淘宝镜像）a.全局安装cnpm install webpack -gb.局部安装（安装在项目根目录下）首先，自动生成package.json文件c

2017-05-05 12:47:17 1381

原创 nodejs入门

1.安装nodejs下载地址：https://nodejs.org/en/download/可参考该地址进行安装：http://www.runoob.com/nodejs/nodejs-install-setup.htmlNode.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，

2017-05-03 16:35:08 362