-
前置知识查看全部
-
angularjs直接对DOM的操作.查看全部
-
jsx-4查看全部
-
jsx-3查看全部
-
jsx-2查看全部
-
jsx1查看全部
-
var Hello = React.createClass({ getInitialState:function(){ alert('init'); return{ opactity:1.0, fontSize:"22px" } }, render: function() { return <div style={this.state}>Hello {this.props.name}</div>; }, componentWillMount:function(){ alert('will'); }, componentDidMount:function(){ alert("did"); var _self = this; window.setTimeout(function(){ _self.setState({ opacity:0.5, fontSize:"33px" }) },1000); } });查看全部
-
一、页面更新方式的不同: 1、react: state的更新直接导致react components的render,从而在合适的时候触发页面更新。 1、传统的页面dom更新:直接通过dom节点的innerHtml,或者修改dom节点的className等来实现。 二、绑定事件: 1、react事件绑定与处理: 2、传统:通过element.addEventListener绑定处理, 事件包括:按钮被点击,键盘被触发,动画开始等。 三、react的render中的<button onClick></button>与在html原生js通过html属性onClick在html标签绑定事件不是一回事。这里不是一个真实的dom节点,只是一个react Element。html中的onClick不区分大小写,这里要用驼峰式命名。查看全部
-
一、react components从创建到消失的生命周期 1、mounted: react components被render解析生成对应的dom节点并被插入浏览器的dom结构的过程。 2、update: 一个mounted的React Components被重新render的过程. 3、Unmounted: 一个mouted的react components对应的dom节点被从dom结构中移除的这样一个过程。 每一个状态react都封装了对应的hook函数。(hook[hʊk]:钩子) 二、props与state的区别 1、props:通过组件调用方在调用组件的时候指定的,props一旦指定了,在一般情况下,是不会变的,尤其是对于被调用组件来说,props的拥有者是其调用方,或者说在结构上,是其parent。 2、state私属于当前组件,state值是可变的。查看全部
-
react获取dom节点查看全部
-
一、JSX: JS:js,X:xml 二、1、语法糖:语法糖(Syntactic sugar),也译为糖衣语法,指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。 2、JSX是js的一种语法糖。类似的还有CoffeeScript 和TypeScript.查看全部
-
this指的是调用函数的对象查看全部
-
react定时器更改状态值查看全部
-
react生命周期查看全部
-
“罐头是1810发明出来的,可是开罐器呢,却在1858年才发明出来。有时就是这样,重要的东西可能迟来一步,但却一定会到。生活和爱情,都是如此。程序,当然也不例外。 所谓,粉墨登场,演进几番,风云更迭,西皮二黄,多少聚散于圆缺。查看全部
举报
0/150
提交
取消