2017年02月_川衡

07月 05月 02月

原创 web界面设计的原则和总结

web设计原则和推理：意符（Signifiers）：一种额外的提示，告诉用户可以采取什么行为，以及应该怎么操作；必须是可感知（eg：视觉、听觉、触觉等）。——摘自《设计心理学 1 》可供性（Affordance）：也被翻译成『示能』，由 James J. Gibson 提出，定义为物品的特性与决定物品用途的主体能力之间的关系；其中部分可感知（此部分定义为 Perceived Affordanc

2017-02-22 15:56:09 5417

原创 React进行数据处理

React数据可以通过componentDidMount方法中的ajax来获取，当从服务端获取数据时可将数据存储在state中，在用this.setState方法重新渲染UI。当使用异步加载数据时，在组件卸载前使用componentWillUnmount来取消完成的请求。父组件state更新并将值传递到子组件上去重新渲染界面，需要在父组件上创建事件句柄(handleChange),并作为pro

2017-02-18 22:46:57 2305

原创 React组件的生命周期

组件的生命周期分三个状态：1、Mounting 已插入真实dom 2、Updating 正在被重新渲染 3、Unmounting 已移除真实dom 生命周期的方法有：1、componentWilMount 在渲染前调用在客服端也在服务端2、componentDidMount 在第一次渲染后调用，只在客服端，之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访

2017-02-18 22:42:19 217

原创 react组件API的7个方法

React组件API的7个方法：一、setState 设置状态 setState(object nextState[, function callback]) setState是React事件处理函数中和请求回调函数中触发UI更新的主要方法。注意： 1、不能再组件内部通过this.state修改状态原因：该状态会在调用setState()后被替换 2、setState()不会立即改变this.

2017-02-17 17:15:45 1682