09 2016 档案
摘要:<embed src="helloworld.swf">
阅读全文
摘要:<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。
阅读全文
摘要:<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>
阅读全文
摘要:组件的数据来源,通常是通过 Ajax 请求从服务器获取,可以使用 componentDidMount 方法设置 Ajax 请求,等到请求成功,再用 this.setState 方法重新渲染 UI 上面代码使用 jQuery 完成 Ajax 请求,这是为了便于说明。React 本身没有任何依赖,完全可
阅读全文
摘要:组件的生命周期分成三个状态: 1.Mounting:已插入真实 DOM 2.Updating:正在被重新渲染 3.Unmounting:已移出真实 DOM React 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。 com
阅读全文
摘要:用户在表单填入的内容,属于用户跟组件的互动,所以不能用 this.props <!DOCTYPE html><html> <head> <script src="js/react.js"></script> <script src="js/react-dom.js"></script> <scrip
阅读全文
摘要:组件免不了要与用户互动,React 的一大创新,就是将组件看成是一个状态机,一开始有一个初始状态,然后用户互动,导致状态变化,从而触发重新渲染 UI <!DOCTYPE html><html> <head> <script src="js/react.js"></script> <script sr
阅读全文
摘要:组件并不是真实的DOM节点。而是存在于内存之中的数据结构。叫做虚拟DOM(virtual DOM). 只有当它插入文档后,才会变成真实的DOM。 根据React的设计。所有的DOM变动。都先在虚拟DOM下发生。然后在将实际发生变动的部分,反应在真实DOM上。这种算法叫DOMdiff.他可以极大的提高
阅读全文
摘要:组件的属性可以接受任意值,字符串,函数,对象。有时,我们需要一种机制,验证别人使用组件时,提供的参数是否符合要求。 组件类的 PropTypes属性。就是验证组件实例的属性是否符合要求 var MyTitle = React.createClass({ propTypes:{ title:React
阅读全文
摘要:this.props 对象属性与组件属性一一对应,但是有一个例外。就是this.props.chlidren属性。他表示组件里所有的子节点。 <!DOCTYPE html><html> <head> <script src="js/react.js"></script> <script src="j
阅读全文
摘要:React 允许代码封装成组件(component),然后向插入HTML一样,在网页中插入组件。React.createClass方法就用于生成一个组件类。 <!DOCTYPE html><html> <head> <script src="js/react.js"></script> <scrip
阅读全文
摘要:首先在html 中引入几个 bootstrap.min.css jquery.dataTables.min.css bootstrap.min.js jquery.dataTables.min.js <!DOCTYPE html><html><head> <meta charset="utf-8"/
阅读全文
摘要:render就是渲染的意思。而渲染,就是这样一个过程,浏览器根据页面的html代码、css定义、javascript脚本的操作,在浏览器上按照一定的规范(传说中的 DOCTYPE )显示出相应的内容。举个最简单的例子:<b>这个是粗体显示</b>浏览器根据上面的代码在浏览器上面显示出粗体的文字,这个
阅读全文