移动H5页面开发系列——part1:移动H5页面特点、适用场合与开发技巧

时下手机悄然成为了我们日常生活必不可少的一部分。据统计,智能手机用户平均每6分钟看一次手机,移动端已然是当前最热门的媒介。移动设备上,一些高品质的品牌营销、产品推广运营活动页面也经常在我们的朋友圈、各种移动渠道刷屏。本文将对这些HTML5移动页面进行解构,以期窥探HTML5移动页面的开发设计技巧一二。
genie.github.io

如何利用Ajax初始化React组件的状态

如果我们需要在初始化组件的状态,我们可以在组件完成加载后进行,也就是在方法 componentDidMount中进行。当响应返回后,首先通过this.isMounted()来判断组件的状态是否为Mounted,如果是则将数据存储在state中,这将会保证触发render函数并更新UI.

React的state 工作原理

genie.github.io
React 把用户界面当作简单状态机。把用户界面想像成拥有不同状态然后渲染这些状态,可以轻松让用户界面和数据保持一致。React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM)。React 来决定如何最高效地更新 DOM。今天我们来探讨下React中的state机制和工作原理。

React的属性

Properties(属性)对于React就像Attribute对于HTML。事实上, 在JSX中property的使用就像attribute的使用一样。如果你熟悉HTML的话, 你就会知道HTML元素可以通过标签内的attribute的值来实现个性化。properties属性可以把单纯的组件变成可配置的界面元素。属性是组件重用的关键和对层级组织组件很有帮助。如果我们想要根据外部的信息来改变组件的外观或者行为时,就可以使用Properties!