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

项目初衷

前段时间接到一个新的项目，是一个整屏滚动的单页应用。

本来打算完全自己写的，但是由于项目时间吃紧，就用了fullpage这个框架。这个框架确实很强大，几乎你想要的API它都有，所以用起来也很方便。

但是它也有几个缺点，第一它必须依赖 jQuery,而且文件体积也比较庞大，对于移动端来说不是很友好。于是自己就抽出业余时间，写了这个项目。

项目地址

一个简单的DEMO

changeList

V1.3.0

  • 修复对firefox的支持
  • 添加页面导航控制
  • 解决一些bug

V1.1.0

  • 添加自动播放
  • 添加循环播放

V1.0.0

  • 支持移动端触摸控制
  • 添加slide水平滑动
  • 添加PC端键盘控制和鼠标滚轮控制
  • 提供实用的API方便开发

简介

一个轻巧的fullpage框架，不依赖其他任何库，主要针对移动端设备（同时也支持桌面端），压缩后不到4kb。
轻松创建炫酷的单页滑动网站。

阅读全文 »

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

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没有执行完的情况。

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