2016年3月18日
React中state与props介绍与比较
摘要： 1.state的作用 state是React中组件的一个对象.React把用户界面当做是状态机,想象它有不同的状态然后渲染这些状态,可以轻松让用户界面与数据保持一致. React中,更新组件的state,会导致重新渲染用户界面(不要操作DOM).简单来说,就是用户界面会随着state变化而变化. 2 阅读全文
posted @ 2016-03-18 20:24 我想我是海~~ 阅读(32822) 评论(1) 推荐(5)
RN控件之DrawerLayoutAndroid导航栏
摘要： 一.DrawerLayoutAndroid 1.该组件封装了Android平台的DrawerLayout空间(只限于Android平台).该抽屉页面(经常用于导航页面)是通过reanderNavigationView进行渲染的.该DrawerlayoutAndroid中的子视图会变成主视图(主要用于 阅读全文
posted @ 2016-03-18 15:59 我想我是海~~ 阅读(804) 评论(0) 推荐(0)
RN控件之ProgressBarAndroid进度条
摘要： 一.ProgressBarAndroid 1.该组件是React封装了Android平台的ProgressBar控件,用于显示APP中的内容加载过程中的进度信息 2.属性: (1)支持View控件的属性方法(这些属性是从View控件中继承下来,例如:大小,布局,边距) (2)color:设置进度条的 阅读全文
posted @ 2016-03-18 14:45 我想我是海~~ 阅读(2197) 评论(0) 推荐(0)
require用法及源码解析
摘要： require语句内部逻辑: 当 Node 遇到 require(X) 时，按下面的顺序处理。 （1）如果 X 是内置模块（比如 require('http'）) a. 返回该模块。 b. 不再继续执行。 （2）如果 X 以 "./" 或者 "/" 或者 "../" 开头 a. 根据 X 所在的父模 阅读全文
posted @ 2016-03-18 13:39 我想我是海~~ 阅读(1475) 评论(0) 推荐(0)
RN控件之TextInput
摘要： 一.TextInput组件介绍 1.TextInput组件跟Image和Text组件差不多,可以添加相关属性(例如:边框颜色,粗细,背景,默认值)以及监听方法(例如:输入信息,焦点变化等事件) 2.属性方法(平台公用以及Android生效的属性方法) (1)支持View的相关属性 (2)autoCa 阅读全文
posted @ 2016-03-18 10:01 我想我是海~~ 阅读(16129) 评论(0) 推荐(0)
2016年3月17日
RN控件之View Text
摘要： 一.View组件介绍 1.View是UI布局最基础,最常用的组件.其支持FlexBox布局,CSS样式以及相关触摸处理的容器组件,可以嵌套在其他View中,也可以包含多种类型的子视图.在Web,Android,IOS三种平台上面对应三种原生视图,分别是<div>,android.view,UIVie 阅读全文
posted @ 2016-03-17 18:49 我想我是海~~ 阅读(7324) 评论(0) 推荐(0)
2016年3月16日
React中state和props的区别
摘要： 如果component的某些状态需要被改变，并且会影响到component的render，那么这些状态就应该用state表示。例如：一个购物车的component，会根据用户在购物车中添加的产品和产品数量，显示不同的价格，那么“总价”这个状态，就应该用state表示。 如果component的某些状 阅读全文
posted @ 2016-03-16 14:49 我想我是海~~ 阅读(974) 评论(0) 推荐(0)
React组件详细介绍及其生命周期函数
摘要： 通过Reac.createClass({...})创建组件的时候,应该有一个render()方法,也可以在其中添加生命周期函数. 当调用该方法的时候,会检测this.props和this.state两个对象,并且返回以一个单子级组件: 1.该组件可以是本地DOM组件(比如<div/>或者React. 阅读全文
posted @ 2016-03-16 14:23 我想我是海~~ 阅读(2387) 评论(0) 推荐(1)
2016年3月15日
Redux API之compose
摘要： 从右到左来组合多个函数。 这是函数式编程中的方法，为了方便，被放到了 Redux 里。 当需要把多个 store 增强器 依次执行的时候，需要用到它。 (Function): 从右到左把接收到的函数合成后的最终函数。 下面示例演示了如何使用 compose 增强 store，这个 store 与 a 阅读全文
posted @ 2016-03-15 17:13 我想我是海~~ 阅读(6705) 评论(0) 推荐(1)
Redux API之bindActionCreators
摘要： 把 action creators 转成拥有同名 keys 的对象，但使用 dispatch 把每个 action creator 包围起来，这样可以直接调用它们。 一般情况下你可以直接在 Store 实例上调用 dispatch。如果你在 React 中使用 Redux，react-redux 会 阅读全文
posted @ 2016-03-15 17:04 我想我是海~~ 阅读(10016) 评论(0) 推荐(1)