-
React组件声明周期函数：
componentWillMount
componentDidMount
componentWillUnmount
componentWillUpdate
componentDidUpdate
查看全部 -
?查看全部
-
react组件的生命周期
查看全部 -
react组件的比较重要的生命周期函数
查看全部 -
单页模型（SPA）：客户端不用向浏览器频繁发送请求，把新页面拉取下来根据客户端具体情况，在本地绘制新的界面、再展现数据。
优点：减小客户端与服务端的交互延迟，提供更及时的响应，增强用户体验。
单页APP的挑战：
如何保持数据与UI同步更新；
如何提高DOM操作的显效率。
使用HTML开发UI界面异常复杂。
React 特性：
自动化的UI管理：让界面和显示数据变化同步。在界面和数据之间创建了联合层，让数据变化转换成一系列事件，开发者只需要根据事件改变界面状态。减少了逻辑耦合度。
更高效的DOM操作：在内存中保存了一棵叫做Virtual DOM的数据结构，对DOM的操作转化成对虚拟DOM的操作，缓存这些操作在合适时间和浏览器的DOM进行对比，一次性全部提交变更。更高效。
UI的组件化设计：ui组件化方式简化复杂的UI界面。提供多API，很小但可重用的组件，然后组合形成大组件。
依赖JS开发UI界面：摆脱CSS影响。JSX语法结构，看似与html语法相似但本质不同，会被REACT解读成一系列DOM操作-createElement，简化UI设计的表示方式。
REACT的本质：MVC中的V。将数据和UI进行结合。
查看全部 -
react的生命周期函数
查看全部 -
getInitialState函数是在组件被加载之前调用，初始化组件所有内部数据的最佳时机。
componentDidMout函数在组件被浏览器加载之后，render函数还未调用之前调用。
setState接口是由组件本身实现的，用来修改组件本身的state对象。
react中调用setState方法会自动触发组件中render方法调用，如果组件中有子组件，也会触发子组件中render方法调用。这种链式反应来促使页面全部更新。
查看全部 -
属性的扩展操作符
{...this.props}
可以解决组件之间属性多重传递的问题。
查看全部 -
属性扩展操作符
{...this.props}
解决组件之间属性多重传递的问题。
查看全部 -
react的属性传递机制只能从直接父组件传到子节点。不能跨级传递，并且不能反向传递从子到父。
查看全部 -
让相应的样式变为可改动的，只需要通过this.props来设置属性，然后在组件标签中定义属性值。
<Letter bgcolor="#58B3FF">T</letter>
查看全部 -
react组件的样式和逻辑写在一起，
把样式以json的格式写在对象中，
通过style关键字={样式对象}绑定到一起。
查看全部 -
react组件类最新的写法为：
class HelloWorld extends React.Component { render() { return ( <div> <p>Hello, {this.props.greetTarget}</p> </div> ) } }查看全部 -
在指定类名时，一定要使用className，不能用class（class是React的一个关键字）
this.props.children对应的相应组件标签中的内容。
查看全部 -
安装python服务器
查看全部
举报