摘要: <embed src="helloworld.swf"> 阅读全文
posted @ 2016-09-23 19:18 约翰·史密斯 阅读(148) 评论(0) 推荐(0) 编辑
摘要: <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。 阅读全文
posted @ 2016-09-23 19:17 约翰·史密斯 阅读(418) 评论(0) 推荐(0) 编辑
摘要: <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> 阅读全文
posted @ 2016-09-23 19:16 约翰·史密斯 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 组件的数据来源,通常是通过 Ajax 请求从服务器获取,可以使用 componentDidMount 方法设置 Ajax 请求,等到请求成功,再用 this.setState 方法重新渲染 UI 上面代码使用 jQuery 完成 Ajax 请求,这是为了便于说明。React 本身没有任何依赖,完全可 阅读全文
posted @ 2016-09-23 19:06 约翰·史密斯 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 组件的生命周期分成三个状态: 1.Mounting:已插入真实 DOM 2.Updating:正在被重新渲染 3.Unmounting:已移出真实 DOM React 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。 com 阅读全文
posted @ 2016-09-23 16:41 约翰·史密斯 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 用户在表单填入的内容,属于用户跟组件的互动,所以不能用 this.props <!DOCTYPE html><html> <head> <script src="js/react.js"></script> <script src="js/react-dom.js"></script> <scrip 阅读全文
posted @ 2016-09-23 11:56 约翰·史密斯 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 组件免不了要与用户互动,React 的一大创新,就是将组件看成是一个状态机,一开始有一个初始状态,然后用户互动,导致状态变化,从而触发重新渲染 UI <!DOCTYPE html><html> <head> <script src="js/react.js"></script> <script sr 阅读全文
posted @ 2016-09-13 09:02 约翰·史密斯 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 组件并不是真实的DOM节点。而是存在于内存之中的数据结构。叫做虚拟DOM(virtual DOM). 只有当它插入文档后,才会变成真实的DOM。 根据React的设计。所有的DOM变动。都先在虚拟DOM下发生。然后在将实际发生变动的部分,反应在真实DOM上。这种算法叫DOMdiff.他可以极大的提高 阅读全文
posted @ 2016-09-10 15:23 约翰·史密斯 阅读(1453) 评论(0) 推荐(0) 编辑
摘要: 组件的属性可以接受任意值,字符串,函数,对象。有时,我们需要一种机制,验证别人使用组件时,提供的参数是否符合要求。 组件类的 PropTypes属性。就是验证组件实例的属性是否符合要求 var MyTitle = React.createClass({ propTypes:{ title:React 阅读全文
posted @ 2016-09-10 14:11 约翰·史密斯 阅读(2876) 评论(0) 推荐(0) 编辑
摘要: this.props 对象属性与组件属性一一对应,但是有一个例外。就是this.props.chlidren属性。他表示组件里所有的子节点。 <!DOCTYPE html><html> <head> <script src="js/react.js"></script> <script src="j 阅读全文
posted @ 2016-09-10 10:30 约翰·史密斯 阅读(845) 评论(0) 推荐(0) 编辑