发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：

react-router 提供简单有强大 API 来方便我们在React搭建的单页面中实现路由功能。
首先看一个简单的例子：

import React from 'react'
import {render,findDOMNode} from 'react-dom'
import { Router, Route, Link } from 'react-router'

let Page1 = React.createClass({
  render(){
    return (
      <div><h1>Page1</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium animi dicta
        dignissimos earum eos esse impedit ipsum iste laboriosam numquam odio perspiciatis porro, quas sequi tempore
        vero vitae voluptates?</div>
    )
  }
});

let Page2 = React.createClass({
  render(){
    return (
      <div><h1>Page2</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga porro voluptas voluptatum.
        Corporis debitis deleniti, doloremque et eum ex id iste magni nobis nostrum quae, reiciendis rem repellendus
        similique tempora.</div>
    )
  }
});

let App = React.createClass({
  render(){
    return (
      <div >
        <Link to="/page1">Page1</Link>
        <Link to="/page2">Page2</Link>
      </div>
    )
  }
});

render((
  <Router>
    <Route path="/" component={App}>
      <Route path="page1" component={Page1}/>
      <Route path="page2" component={Page2}/>
    </Route>
  </Router>
), document.body);

只需要在 <Link> 标签中的 to 属性中定义路径，那么在渲染出的页面中点击 Page1 或 Page2 标签，就会显示相应的 Components，而且 url 也会跟着路径进行变化。
我们来简单分析一个这段代码，这里我们定义了三个路由，一个指向根目录即 ‘/‘,一个指向 ‘page/‘,一个指向 ‘page/2’.
路由定义必须包裹在 <Router></Router> 中。
<Route></Route>为每一个路由要定义的路径，并处理它的行为。其中 path 为路径， component 为要渲染的组件。并且还可以提供相应的 handle，用来处理控制路由的行为。
接下来我们来模拟一个拦截登陆的行为。

阅读全文 »

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：

fun
坑爹的CMD不知怎么回事，在做到倒数第三道题后突然罢工了，不能选择题目，公司和自己的电脑都是这样。
于是最后三道题还是放弃了，也没精力去找那三道题到底是什么了，就这样吧。

做题的过程中有个需要注意的地方，也是在js中一个很常用的方法。
那就是被setTimeout延迟的函数会等前面函数彻底执行完以后，才会执行,也就是说可以阻塞js的进程。如下：

function repeat(operation, num) {
  // modify this so it can be interrupted
  if (num <= 0) return
      operation();
      setTimeout(function(){
          return repeat(operation, --num);
      },0)
}
module.exports = repeat

Operation是一个操作很费时间的函数，如果不用setTimeout延迟后面的递归调用的话，就会造成repeat函数已经执行完了，但是含有很多个operation没有执行完的情况。

其它的到没有什么了，所有代码都放在这里

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：

1.函数参数默认值

以前我们经常会些下面的代码

function doS(e){
    e = e|window.e;
    //doSomeThing with e
}

通过这样的方法来给函数设置默认值，这样有一个缺点就是，如果传进来的参数对应的布尔值为false，比如空字符串或者0，那就尴尬了。

所以如果我们还想上面的代码得到正确的结果，就需要对e在做一个判断，判断它是否被赋值了。

这样会很麻烦，所以ES6有了新的方法，如下

function doS(e=window.e){
    //doSomeThing with e
}

这样不尽代码简短了很多，而且可读性大大提高，看代码的人可以一样看到那些参数是有默认值的。

阅读全文 »