最近更新的页面

基本用法 $ npm install --global typescript 使用TypeScript编写的脚本，后缀名为 .ts。 tsc命令会将TS脚本，转为正常的JavaScript脚本程...

React组件至少有两个方面需要测试。 给定属性（property)和状态（state），会渲染出什么结果？ 对于渲染的结果，进行某种输入（用户的互动），有没有可能从状态A转化成状态B？ 第一类...

React.createElement React.createElement方法用来生成一个React组件实例。它的第一个参数是React组件类，第二个参数是一个对象，表示生成实例的参数。 R...

基本原则 所有状态存放在一个地方。 Reducer Reducer描述状态如何变化。它不改变原来的状态，每次都生成一个新的状态。 function exampleReducer(state, a...

ReactDOM只有三个方法。 findDOMNode unmountComponentAtNode render findDOMNode() findDOMNode方法用于获取真实的DOM元素...

安装 $ npm install react-router 基本用法 import { Router, Route } from 'react-router'; React.render(( ...

概述 组件的最外层，只能有一个标签。因为，一个组件就相当于调用一个构造函数，如果有多个标签，就变成一个组件对应多个构造函数了。 组件的标签一定要闭合。只要有开标签，就一定要有闭标签，比如 <di...

下面的例子是如何获取输入框的值。 var Message = React.createClass({ getInitialState: function() { return { m...

const style = {color: red} <div style={style}></div>

Context是用于解决组件层层传递参数的问题。 var Button = React.createClass({ render: function() { return ( ...

组件 UI使用数据结构表示。UI的变化，就是一种数据结构，变成另一种数据结构。 同样的数据结构，就得到同样的UI。这就是说，UI是一个纯函数。 function NameBox(name) { ...

概述 React通过“组件”（component），构成一个页面。 组件通常是下面的样子。 export default class App extends React.Component { ...

垂直置中 （1）方法一 原理：子元素的 top, right, bottom, left, margin, and padding属性，针对的是父元素的维度；transform针对的子元素本身的...

transform命令用于元素的变形，它有多种设置。 transform: scaleX(-1); 上面命令设置元素的 x坐标沿水平轴翻转， y坐标不变。 scaleX(-1)会起到水平翻转的效果。

filter filter命令支持以下函数。 url()：使用svg滤镜 blur()：高斯模糊 brightness()：亮度 contrast()：对比度 drop-shadow()：阴影 ...

置中 transform方法。 容器设置相对定位。 .container { position: relative; width: 200px; height: 200px; o...

display: none;会从文档流移除该元素及其子元素，仿佛它们是不存在的。它们占据的空间会释放出来。 display: inline;产生行内元素，没有自己的高度和宽度，由容器决定，前后不...

对话框 显示屏幕居中的对话框。 <div id="dialog"> <p>I am the dialog's content</p> <button type="button">clos...

width width: auto表示父元素提供的所有宽度（100%）。 max-width max-width设为 none，可以让元素占满父元素的整个宽度。 overflow overflo...

npm run npm不仅可以用于模块管理，还可以用于执行脚本。 package.json文件有一个 scripts字段，可以用于指定脚本命令，供 npm直接调用。 { "name": "m...