这个，叫做竹笕，是中日传统禅文化中常见的庭院装饰品，它的构造可简单可复杂，但原理很简单，比如这个竹笕，水从竹笕顶部入口流入内部，并按照固定的顺序从上向下依次流入各个小竹筒，然后驱动水轮转动。对于强迫症患者来说，观赏竹笕的绝对是一种很享受的过程的最爱，你会发现这些小玩意竟然能这么流畅的协调起来，好神奇。 如果竹笕是一个组件的话，那么水就是组件的数据流。 在React中，数据流是自上而下单向的从父节点

手势识别在移动设备上比在网络上要复杂得多。当应用程序确定用户的意图时，一个触摸可能要经历几个阶段。  例如，应用程序需要确定触摸是否是滚动，滑动部件还是轻击，地图上的缩放。这甚至可以在触摸期间发生改变，也可以有多个同时触摸。  要想使组件在没有任何额外的关于它们的父组件或子组件的认知的情况下处理这些触摸交互，需要触摸应答系统。这个系统在ResponderEventPlugin.js 中实现了，其中

前言 React Native 是最近非常火的一个话题，因为它的语法简介，跨平台等特性，赢得了各大平台的青睐，虽然前期是有一些坑。 基本概念解释 React 是一套可以用简洁的语法高效绘制 DOM 的框架，所谓的“高效”，是因为 React 独创了 Virtual DOM 机制。Virtual DOM 是一个存在于内存中的 JavaScript 对象，它与 DOM 是一一对应的关系，也就是说只要有

本文作者写作的时间较早，所以里面会出现很多的旧版ES5的时代的方法。不过，虽然如此并不影响读者理解组件的生命周期。反而是作者分为几种不同的触发机制来解释生命周期的各个方法，让读者更加容易理解涉及到的概念。以下是正文。 简介 React在创建组件的时候会触发组件生命周期各个方法的调用。这篇文章就分别介绍其中的各种不同的绘制触发之后调用的各个生命周期的方法。 理解组件的生命周期，你才可以在组件创建、销

React 的核心思想是组件化的思想，应用由组件搭建而成，而组件中最重要的概念是State（状态），State是一个组件的UI数据模型，是组件渲染时的数据依据。 如何定义State 定义一个合适的State，是正确创建组件的第一步。State必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变，都可以从State的变化中反映出来；同时，State还必须是代表一个组件UI呈现的最小状态集，即

1. 基本概念 高阶组件是React 中一个很重要且较复杂的概念，高阶组件在很多第三方库（如Redux）中都被经常使用，即使你开发的是普通的业务项目，用好高阶组件也能显著提高你的代码质量。 高阶组件的定义是类比于高阶函数的定义。高阶函数接收函数作为参数，并且返回值也是一个函数。类似的，高阶组件接收React组件作为参数，并且返回一个新的React组件。高阶组件本质上也是一个函数，并不是一个组件，这

注1：本文主要根据 "自述|redux中文文档" 学习的个人总结记录。也是是为了更快更好的学习和接受redux的操作，更好的应用的项目中。原文档地址：http://www.redux.org.cn/ 注2：本文较长，可能会需要花一点时间去阅读和理解. 这篇文章主要介绍Redux中三个主要概念Action, Reducer, State。 1. Action Action是我们事先定义好的一些对象，

这是一篇源自官方博客 的文章。 在我看来， React 是较早使用 JavaScript 构建大型、快速的 Web 应用程序的技术方案。它已经被我们广泛应用于 Facebook 和 Instagram 。 React 众多优秀特征中的其中一部分就是，教会你去重新思考如何构建应用程序。 本文中，我将跟你一起使用 React 构建一个具备搜索功能的产品列表。 注意： 如果你无法看到本页内嵌的代码片段，

注1：本文主要根据 "自述|redux中文文档" 学习的个人总结记录。也是是为了更快更好的学习和接受redux的操作，更好的应用的项目中。原文档地址：http://www.redux.org.cn/ 注2：本文较长，可能会需要花一点时间去阅读和理解. 之前我们大致的介绍了redux的基本概念，但是没有介绍如何结合到我们的应用中，这里简单介绍搭配React进行开发。 Redux和React之间并没有

注1：本文主要根据 "自述|redux中文文档" 学习的个人总结记录。也是是为了更快更好的学习和接受redux的操作，更好的应用的项目中。原文档地址：http://www.redux.org.cn/ 注2：本文较长，可能会需要花一点时间去阅读和理解. 异步Action 之前在开发的时候，关于在action creator中传入dispatch，然后通过异步请求后再dispatch action的方

使用React也满一年了，从刚刚会使用到逐渐探究其底层实现，以便学习几招奇技淫巧从而在自己的代码中使用，写出高效的代码。下面整理一些知识点，算是React看书，使用，感悟的一些总结： 函数式编程 React事件系统 高阶组件 组件性能优化 React源码初探 VirtualDOM 模型 1. 函数式编程 函数式编程是一种如何编写程序的方法论，与之对应的就是命令式编程。 以我自己的理解，函数式编程就

承接上文，深入React知识点整理（一） 使用React也满一年了，从刚刚会使用到逐渐探究其底层实现，以便学习几招奇技淫巧从而在自己的代码中使用，写出高效的代码。下面整理一些知识点，算是React看书，使用，感悟的一些总结： React 生命周期 setState调用栈 7.React 生命周期 React 的主要思想是通过构建可复用组件来构建用户界面。所谓组件，其实就是有限状态机（FSM），通过

React Native学习路线 官网 React Native 教程 React Native  react.js react 教程2  ES6  Flex box  Redux  CSS  JavaScript 一、基础入门 （1）React系列： [深入剖析React Native]React 初探 （2） Flex box及CSS系列： [深入剖析React Native]React Na

React主要思想是通过构建可复用组件来构建用户界面。所谓组件就是有限状态机。通过状态渲染对应的界面，且每个组件都有自己的生命周期，它规定了组件的状态和方法需要在哪个阶段改变和执行。 有限状态机，表示有限个状态以及在这些状态之间的转移和动作行为的模型。一般通过状态，事件，转换和动作来描述有限状态机。React正是利用这一概念，通过管理状态来实现对组件的管理。 初探React生命周期 在定义Reac

1.组件挂载图 了解生命周期函数的执行顺序 2.生命周期执行顺序 尝试一下 可以看到在组件在组件初始化时，只执行如下三个方法： 在父组件状态改变时，依次执行的生命周期函数是： 我试着分别在这几个生命周期函数中setState了一下，发现在componentWillUpdate、render、componentDidUpdate 中会报错，也就是说在componentWillUpdate、rende

抛出问题 class Example extends Component { contructor () { super() this.state = { value: 0, index: 0 } } componentDidMount () { this.setState({value: this.state.value +

这几天在阅读徐超老师的《React 进阶之路》，然后在看看自己之前的《React Native移动开发实战》，发现之前我自己的书部分写的比较的浅显，最近打算对基础部分进行升级，加大基础部分，特别是React基础部分的讲解，并对React Native提供的组件部分进行升级。 众所周知，React框架的核心思想是组件化，一个应用程序由多个组件搭建而成，组件最重要的概念是State（状态），State

最近制定了报表引擎数据交互的XML规范， 没时间写总结，先列出下面的参考资料： http://www.w3school.com.cn/schema/schema_example.asp http://www.w3.org/TR/xmlschema-0/ http://maven.apache.org/xsd/（很好的规范参考） http://www.opentravel.org/Specifica

认识XmlReader 摘要 XmlReader类是组成.NET的关键技术之一，极大地方便了开发人员对Xml的操作。通过本文您将对XmlReader有一个很好的认识，并将其应用到实际开发中。 目录 概要 创建Xml读取器 访问外部资源 读取数据 一个简单的实例 1.概要 XmlReader 类是一个提供对 XML 数据的非缓存、只进只读访问的抽象基类。该类符合 W3C 可扩展标记语言 (XML)

一、XML是什么？有什么用？ XML是指可扩展标记语言(eXtensible MarkupLanguage)，它是一种标记语言。它被设计的宗旨是描述数据（XML），而非显示数据（HTML）。   目前遵循的是W3C组织于2000年发布的XML1.0规范   应用场景： 1、描述数据 2、作为配置文件存在 二、XML的基本语法 1、文档声明：很重要 在编写XML文档时，需要先使用文档声明来声明XML