文章列表
组件的原则就是模块化，彼此之间相互独立，但是有时候不同的组件之间可能会共用一些功能，共享一部分代码。所以 React 提供了 mixins 这种方式来处理这种问题。
Mixin 就是用来定义一些方法，使用这个 mixin 的组件能够自由的使用这些方法（就像在组件中定义的一样），所以 mixin 相当于组件的一个扩展，在 mixin 中也能定义“生命周期”方法。
var DefaultNameMixin = {
getDefaultProps: function () {
return {
name: "Skippy&qu ...
HTML是一种超文本语言，这种语言对于外观从不关心，它只是一种简洁的小型标记机制，而CSS支持更丰富的文档外观，CSS可以为任何元素的文本和背景设置颜色，允许在任何元素外围创建边框及许多其他的效果。CSS是对HTML的展现。如果HTML是糖心，那CSS是包裹的糖纸。
CSS大致可分为四种布局：上下，左右，左中右下，上下右。
1 》上下：
<div>是一个块级元素，换行是<div>固有的唯一格式表现。
<!DOCTYPE html>
<html lang="en">
< ...
定义和用法
position 属性规定元素的定位类型。
定位类型
static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。
relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。
absolute：对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。
fixed：对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚 ...
Redirect
Recirect 可以跳转到另外一个路由中。
props
from
你想开始redirect的地址，包括一些动态的地址。默认为* ,这样任何匹配不到路由规则的情况多回被重定向到另外一个地方。
to
你想要重定向到得路由名字。
params
默认情况下，这些参数将会自动传递到新的路由，你也可以指定他们，特别是你不需要的时候。
query
和params一样
<Route handler={App}>
<Route name="contact" handler={Contact}/>
<Rou ...
React允许将代码封装成组件，然后像插入普通的HTML标签一样插入组件，在页面插入这个组件。React有个大的创新就是把组件看成一个状态机，一开始有个初始状态，然后用户互动，导致状态变化，从而触发渲染UI。getInitialState方法用于初始化，定义初始状态，也就是一个对象。这个对象可以通过this.state属性读取。当用户点击组件，导致状态变化，this.setState方法修改状态值，每次修改以后，自动调用this.render方法，再次渲染组件。
var LikeButton = React.createClass({
getInitialState: function ...
onload事件
onload时间会在页面或图像加载完成后立即发生。
语法
onload="SomeJavaScriptCode"
SomeJavaScriptCode是规定该事件发生时执行的JavaScript
window.onload = function(){}
页面加载完成触发窗口里加载事件
window.onload =function(){
show_person_name();
};
function show_person_name() {
$.getJSON("../DATA/person_storage ...
在IT行业现在最火的框架，毋庸置疑的是React框架。
由于React设计独特，性能出众，代码逻辑却非常简单，被越来越多的人关注和学习，认为它将来可能成为Web开发的主要框架。
React为了更高超的性能而使用虚拟DOM作为其不同的实现，它同时也可以由服务器Node.js渲染-而不需要过重的浏览器DOM支持。DOM是节点树的HTML，虚拟的DOM是存在于内存之中的一种数据结构。
React有三个库：react.js ,react-dom.js和Browser.js,它们必须首先加载。react.js是React的核心库，react-dom.js是提供与DOM相关的功能，Browser.j ...
在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。
DOM 节点
<html>
<head>
<title>DOM 教程</title>
</head>
<body>
<h1>DOM 第一课</h1>
<p>Hello world!</p>
</body>
</html>
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
整个文 ...
JSON.parse()方法可以将一个JSON字符串解析成为一个JavaScript值。在解析过程中，还可以选择性的篡改某些属性的原始解析值。
语法
JSON.parse(text[, reviver])
参数
text
要解析的JSON字符串，可以查看JSON一文了解JSON的语法。
reviver
一个函数，用来转换解析出的属性值。
返回值
从text字符串解析出的一个JavaScript值。
JSON.parse('{}'); // {}
JSON.parse('true'); // true
JSON.pars ...
append()方法在被选元素结尾（仍然在内部）插入指定内容。
appendTo()和append()方法执行的任务相同。不同之处在于：内容的位置和选择器，以及append()能够使用函数来附加内容。
语法
$(selector).append(content)
content规定要插入的内容（可包含HTML标签）。
例：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
< ...
Cookie最早是网景公司的前雇员Lou Montulli在1993年3月发明的。
Cookie是由服务器生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的Key/Value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览蓝其设置启用Cookie）。Cookie是储存在用户本地终端上的数据。
Cookie与localStorage的区别：
1)Cookie最大只有4KB，localStorage一般为5MB。
2)Cookie一般由浏览器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效。loca ...
JSON语法是JavaScript对象表示语法的子集。
1）数据在键值对中
2）数据由逗号分离
3）花括号保存对象
4）方括号保存数组
JSON数据的书写格式是：名称/值对。
"firstName" : "John"
{ "firstName":"John" , "lastName":"Doe" }
{
"employees": [
{ "firstName":"John" ...
HTML5提供了两种在客户端存储数据的新方法：
1》localStorage：没有时间限制的数据存储
2》sessionStorage：针对一个session的数据存储
localStorage属性允许你访问一个Storage对象。localStorage与sessionStorage相似，不同之处在于，存储在local ...
Math对象用于执行数学任务。
floor（）方法可对一个数向下取舍。
语法
Math.floor(x)
floor（）方法执行的是向下取整计算，它返回的是小于或等于函数参数，并且与之最接近的整数。
例如：
<script type="text/javascript">
document.write(Math.floor(0.60) + "<br />")
document.write(Math.floor(0.40) + "<br />")
document.write(M ...
定义
indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
stringObject.indexOf(searchvalue,fromindex)
searchvalue规定需检索的字符串值。fromindex规定在字符串中开始检索的位置。合法取值是0到stringObject.length-1。
<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") ...