iscroll源码初涉

//请求动画帧
var rAF = window.requestAnimationFrame   ||
    window.webkitRequestAnimationFrame   ||
    window.mozRequestAnimationFrame      ||
    window.oRequestAnimationFrame        ||
    window.msRequestAnimationFrame       ||
    function (callback) { window.setTimeout(callback, 1000 / 60); };
/*
显示器16.7ms刷新间隔之前发生了其他绘制请求(setTimeout)，导致所有帧丢失，setTimeout的定时器值推荐最小使用16.7ms的原因（16.7 = 1000 / 60, 即每秒60帧）
requestAnimationFrame与setTimeout的不同在于，前者跟着浏览器重绘时间走，不存在后者丢帧的问题
*/

// 配合config里面的preventDefaultException属性，匹配到的element使用e.preventDefault()。
// 默认preventDefaultException是 { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ }
me.preventDefaultException = function (el, exceptions) {
    for ( var i in exceptions ) {
        if ( exceptions[i].test(el[i]) ) {
            return true;
        }
    }
    return false;
};

me.tap = function (e, eventName) {
    var ev = document.createEvent(‘Event‘);
    /**
    只有在新创建的 Event 对象被 Document 对象或 Element 对象的 dispatchEvent() 方法分派之前，才能调用 Event.initEvent() 方法        
    初始化新事件对象的属性
    */
    ev.initEvent(eventName, true, true);
    ev.pageX = e.pageX;
    ev.pageY = e.pageY;
    //事件触发器就是用来触发某个元素下的某个事件
    e.target.dispatchEvent(ev);
};

me.click = function (e) {
    var target = e.target,
        ev;
    //不是select/input/textarea就创建事件
    if ( !(/(SELECT|INPUT|TEXTAREA)/i).test(target.tagName) ) {
        ev = document.createEvent(‘MouseEvents‘);
        ev.initMouseEvent(‘click‘, true, true, e.view, 1,
            target.screenX, target.screenY, target.clientX, target.clientY,e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,0, null);
　　　//作为是否需要perventDefault的标志　　
        ev._constructed = true;
        target.dispatchEvent(ev);
    }
};

// IScroll初始化鼠标/手势事件
this._init();
// 设置可滑动值
this.refresh();
// 定位到最顶最左
this.scrollTo(this.options.startX, this.options.startY);
// 代表“启用”的一个标志
this.enable();

IScroll.prototype = {
　　handleEvent: function (e) {
   　　 switch ( e.type ) {
            case ‘touchstart‘:
                ......
                this._start(e);
                break;
            case ‘touchmove‘:
                ......
                this._move(e);
                break;
            case ‘touchend‘:
                ......
                this._end(e);
                break;
            case ‘orientationchange‘:
            case ‘resize‘:
                this._resize();
                break;
            case ‘transitionend‘:
                ......
                this._transitionEnd(e);
                break;
            case ‘wheel‘:
                ......
                this._wheel(e);
                break;
            case ‘keydown‘:
                this._key(e);
                break;
            case ‘click‘:
                if ( !e._constructed ) {
                    e.preventDefault();
                    e.stopPropagation();
                }
                break;
        }
    }
}    

var options = {
    startX: 0,
    startY: 0,    
    //Y轴是否滑动
    scrollY: true,
    //X轴是否滑动
    scrollX: true,
    //是否自由滑动 x y都滑 ， freeScroll只能与scrollX一起使用 {scrollX:true,freeScroll:true}
    freeScroll : false,
    //方向锁定阈值，比如用户点击屏幕后，x与y之间差距大于5px，判断用户的拖动意图，是x方向拖动还是y方向
    directionLockThreshold: 5,
    //是否有惯性缓冲动画
    momentum: true,
    //超出边界时候是否还能拖动
    bounce: true,
    //超出边界还原时间点
    bounceTime: 600,
    //超出边界返回的动画
    bounceEasing: ‘‘,
    //是否阻止默认滚动事件
    preventDefault: true,
    //当遇到表单元素则不阻止冒泡，而是弹出系统自带相应的输入控件
    preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ },
    //硬件合成 通过GPU做图形渲染
    HWCompositing: true,
    //使用transition
    useTransition: true,
    //使用transform
    useTransform: true,
    //穿透 是否不触发原生滑动
    eventPassthrough : false,
    //缓动函数 {string|function}
    bounceEasing : ‘‘,
    //resize时候隔60ms就执行refresh方法重新获取位置信息
    resizePolling : 60,
    //是否允许点击事件
    click : false,
    //模拟tap事件，并且触发addEventListener(‘tap‘)所指定的方法
    tap : ‘tap‘,
    //匀减速变量
    deceleration : 0.0006,
    //事件是否绑定到wrapper元素上，否则大部分绑定到window
    bindToWrapper : false.
    //是否禁用鼠标
    disableMouse : false,
    //是否禁用win系统的pointer事件
    disablePointer : false,
    //是否禁用touch事件
    disableTouch : false
};