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>浏览器根据上面的代码在浏览器上面显示出粗体的文字，这个
阅读全文