-
status改变时查看全部
-
重要的事情总会迟来一步,生活和爱情都是查看全部
-
罐头是1810发明出来的,可是开罐器呢,却在1858年才发明出来。有时就是这样,重要的东西可能迟来一步,但却一定会到。生活和爱情,都是如此。程序,当然也不例外。查看全部
-
嘻嘻嘻查看全部
-
virtual DOM 虚拟DOM 在数据更新,先创建一套虚拟DOM,与更新的数据进行对比,然后只改变真实DOM中变化的部分查看全部
-
用div包裹是为了返回一个结果,而不是两个结果 React.render( <div> <TestClickComponent/> <br/><br/> <TestInputComponent/> <div>, document.getElementById('container'));查看全部
-
粉墨登场,演尽几番风云更迭; 西皮二黄,多少聚散与圆缺。 此情可鉴,都在戏里几转日月; 此心不变,听我恋歌唱几阕查看全部
-
React Components Lifecycle 三个状态 1.Mounted React Com.被render解析生成对应的DOM节点,并在插入浏览器的DOM结构的一个过程; 2. Update 一个mounted的Re Com.被重新render的过程;(只有影响了DOM结构时才会被改变) 3. Unmounted 一个mounted的RC对应的DOM节点被从DOM结构中移除的过程 每一个状态R都封装了对应的hook函数查看全部
-
React.findDOMNode(this.refs.tip) 可以寻找ref为tip的真实dom节点查看全部
-
类form结构,以及自定义html标签,这些统称为react Components,这并不是html标签,只是react Components的实例,通过调用ReactDOM.render(,)方法,第一个参数是需要渲染的react Components,第二个参数是渲染完以后需要呈现的Element位置 自定义的Components通过调用React.createClass()方法创建,参数是JS的object, eg: var Hello = React.createClass({ render: function() { return <div>Hello {this.props.name}</div>; } }); ReactDOM.render( <Hello name="World" />, document.getElementById('container') ); {}表示其中要执行JS表达式的值 this是指当前Components的实例,props表示使用react Components时,在其上添加的属性的集合,key值和定义时候的值相同例如{this.props.name}的值为World,和定义的name值相同 class 在ES6中,是一个关键字,用来声明一个类,在之前的ES5等标准中,是一个保留字,所以,在react中,不能再标签上直接写class,因为其是JS运行环境。声明css样式可以使用className。在react中行内样式不是 用字符串的形式表示,需要用样式对象来表示。eg:style={{color:'red'}},写法符合驼峰标示。查看全部
-
JSX: JS XML 语法糖:糖衣语法,计算机语言中添加的某种语法,对语言的功能没有影响,更方便程序员使用,增加程序的可读性,降低出错的可能性 eg:CoffeeScript,查看全部
-
组件定义:React.createClass 组件使用:React.render(组件&props, 插入element) JSX语法: css类:className 行内样式: style={{color: 'red'}} 或 style={object} (object = {color: 'red',fontSize: '16px'})\\CSS 属性名就是以驼峰形式的 jsx参数:{this.props.(你定义的参数id)}查看全部
-
点击事件查看全部
-
stopPropagation()停止事件冒泡 preventDefault()停止事件默认行为 React.findDOMNode(this.fess.<ref属性的值>): 索引子组键的dom元素 新版本需要注意的地方: 1,js文件引用换成最新的 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react-dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 2, <script type="text/jsx"> 换成<script type="text/babel"> 3,var tipE = React.findDOMNode(this.refs.tip); 换成var tipE = ReactDOM.findDOMNode(this.refs.tip); 4,React.render 换成ReactDOM.render查看全部
-
需要了解这部分的内容:Sass,Compass,Yeoman,Grunt,webpack,commonjs,nodejs,git,github查看全部
举报
0/150
提交
取消