文章出處
文章列表
for COM
github: https://github.com/laixiangran/commonJS/blob/master/src/forCOM.js
代碼
/**
* Created by laixiangran on 2016/1/25.
* homepage: http://www.cnblogs.com/laixiangran/
* for COM（命名空間）
*/
(function(undefined) {
var com = window.COM = window.COM || {};
/*
* 產生唯一ID
* */
com.buildGuid = function() {
function guid() {
return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
}
return (guid()+guid()+"-"+guid()+"-"+guid()+"-"+guid()+"-"+guid()+guid()+guid());
};
/*
* 取得數據的類型（一個參數時）或判定數據的類型(兩個參數時)
* @param obj 數據
* @param str 用于判斷的數據類型
* */
com.getOrIsType = (function() {
var reg = /^(\w)/,
regFn = function($, $1) {
return $1.toUpperCase();
},
to_s = Object.prototype.toString;
return function(obj, str) {
var result = (typeof obj).replace(reg, regFn);
if (result === "Object" || (result === "Function" && obj.exec) ){ // safari chrome中 type /i/ 為function
if (obj === null) {
result = "Null";
}
else if (obj.window == obj) { // 返回Window的構造器名字
result = "Window";
}
else if (obj.callee) { // 類數組的參數組
result = "Arguments";
}
else if (obj.nodeType === 9) {
result = "Document";
}
else if (obj.nodeName) { // 處理元素節點
result = (obj.nodeName + "").replace("#", "");
}
else if (!obj.constructor || !(obj instanceof Object)) {
if("send" in obj && "setRequestHeader" in obj){//處理IE5-8的宿主對象與節點集合
result = "XMLHttpRequest"
}else if("length" in obj && "item" in obj){
result = "namedItem" in obj ? "HTMLCollection" : "NodeList";
}else{
result = "Unknown";
}
}else {
result = to_s.call(obj).slice(8,-1);
}
}
if (result === "Number" && isNaN(obj)) {
result = "NaN";
}
// safari chrome中 對 HTMLCollection與NodeList的to_s都為 "NodeList",此bug暫時無解
if (str) {
return str === result;
}
return result;
};
})();
/**
* Tween介紹：
* Linear：無緩動效果
* Quadratic：二次方的緩動（t^2）
* Cubic：三次方的緩動（t^3）
* Quartic：四次方的緩動（t^4）
* Quintic：五次方的緩動（t^5）
* Sinusoidal：正弦曲線的緩動（sin(t)）
* Exponential：指數曲線的緩動（2^t）
* Circular：圓形曲線的緩動（sqrt(1-t^2)）
* Elastic：指數衰減的正弦曲線緩動
* Back：超過范圍的三次方緩動（(s+1)*t^3 – s*t^2）
* Bounce：指數衰減的反彈緩動
* 每個效果都分三個緩動方式，分別是（可采用后面的邪惡記憶法幫助記憶）：
* easeIn：從0開始加速的緩動；
* easeOut：減速到0的緩動；
* easeInOut：前半段從0開始加速，后半段減速到0的緩動。
*
* @param currTime: current time（當前時間）
* @param beginVal: beginning value（初始值）
* @param changeVal: change in value（變化量）
* @param duration: duration（持續時間）
*/
com.tween = {
"Linear": function(currTime, beginVal, changeVal, duration) {
return changeVal*currTime/duration + beginVal;
},
"Quad": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return changeVal * (currTime /= duration) * currTime + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
return -changeVal *(currTime /= duration)*(currTime-2) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
if ((currTime /= duration / 2) < 1) return changeVal / 2 * currTime * currTime + beginVal;
return -changeVal / 2 * ((--currTime) * (currTime-2) - 1) + beginVal;
}
},
"Cubic": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return changeVal * (currTime /= duration) * currTime * currTime + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
return changeVal * ((currTime = currTime/duration - 1) * currTime * currTime + 1) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
if ((currTime /= duration / 2) < 1) return changeVal / 2 * currTime * currTime*currTime + beginVal;
return changeVal / 2*((currTime -= 2) * currTime * currTime + 2) + beginVal;
}
},
"Quart": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return changeVal * (currTime /= duration) * currTime * currTime*currTime + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
return -changeVal * ((currTime = currTime/duration - 1) * currTime * currTime*currTime - 1) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
if ((currTime /= duration / 2) < 1) return changeVal / 2 * currTime * currTime * currTime * currTime + beginVal;
return -changeVal / 2 * ((currTime -= 2) * currTime * currTime*currTime - 2) + beginVal;
}
},
"Quint": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return changeVal * (currTime /= duration) * currTime * currTime * currTime * currTime + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
return changeVal * ((currTime = currTime/duration - 1) * currTime * currTime * currTime * currTime + 1) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
if ((currTime /= duration / 2) < 1) return changeVal / 2 * currTime * currTime * currTime * currTime * currTime + beginVal;
return changeVal / 2*((currTime -= 2) * currTime * currTime * currTime * currTime + 2) + beginVal;
}
},
"Sine": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return -changeVal * Math.cos(currTime/duration * (Math.PI/2)) + changeVal + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
return changeVal * Math.sin(currTime/duration * (Math.PI/2)) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
return -changeVal / 2 * (Math.cos(Math.PI * currTime/duration) - 1) + beginVal;
}
},
"Expo": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return (currTime==0) ? beginVal : changeVal * Math.pow(2, 10 * (currTime/duration - 1)) + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
return (currTime==duration) ? beginVal + changeVal : changeVal * (-Math.pow(2, -10 * currTime/duration) + 1) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
if (currTime==0) return beginVal;
if (currTime==duration) return beginVal+changeVal;
if ((currTime /= duration / 2) < 1) return changeVal / 2 * Math.pow(2, 10 * (currTime - 1)) + beginVal;
return changeVal / 2 * (-Math.pow(2, -10 * --currTime) + 2) + beginVal;
}
},
"Circ": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return -changeVal * (Math.sqrt(1 - (currTime /= duration) * currTime) - 1) + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
return changeVal * Math.sqrt(1 - (currTime = currTime/duration - 1) * currTime) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
if ((currTime /= duration / 2) < 1) return -changeVal / 2 * (Math.sqrt(1 - currTime * currTime) - 1) + beginVal;
return changeVal / 2 * (Math.sqrt(1 - (currTime -= 2) * currTime) + 1) + beginVal;
}
},
"Elastic": {
easeIn: function(currTime, beginVal, changeVal, duration, a, p) {
var s;
if (currTime==0) return beginVal;
if ((currTime /= duration) == 1) return beginVal + changeVal;
if (typeof p == "undefined") p = duration * .3;
if (!a || a < Math.abs(changeVal)) {
s = p / 4;
a = changeVal;
} else {
s = p / (2 * Math.PI) * Math.asin(changeVal / a);
}
return -(a * Math.pow(2, 10 * (currTime -= 1)) * Math.sin((currTime * duration - s) * (2 * Math.PI) / p)) + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration, a, p) {
var s;
if (currTime==0) return beginVal;
if ((currTime /= duration) == 1) return beginVal + changeVal;
if (typeof p == "undefined") p = duration * .3;
if (!a || a < Math.abs(changeVal)) {
a = changeVal;
s = p / 4;
} else {
s = p/(2*Math.PI) * Math.asin(changeVal/a);
}
return (a * Math.pow(2, -10 * currTime) * Math.sin((currTime * duration - s) * (2 * Math.PI) / p) + changeVal + beginVal);
},
easeInOut: function(currTime, beginVal, changeVal, duration, a, p) {
var s;
if (currTime==0) return beginVal;
if ((currTime /= duration / 2) == 2) return beginVal+changeVal;
if (typeof p == "undefined") p = duration * (.3 * 1.5);
if (!a || a < Math.abs(changeVal)) {
a = changeVal;
s = p / 4;
} else {
s = p / (2 *Math.PI) * Math.asin(changeVal / a);
}
if (currTime < 1) return -.5 * (a * Math.pow(2, 10* (currTime -=1 )) * Math.sin((currTime * duration - s) * (2 * Math.PI) / p)) + beginVal;
return a * Math.pow(2, -10 * (currTime -= 1)) * Math.sin((currTime * duration - s) * (2 * Math.PI) / p ) * .5 + changeVal + beginVal;
}
},
"Back": {
easeIn: function(currTime, beginVal, changeVal, duration, s) {
if (typeof s == "undefined") s = 1.70158;
return changeVal * (currTime /= duration) * currTime * ((s + 1) * currTime - s) + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration, s) {
if (typeof s == "undefined") s = 1.70158;
return changeVal * ((currTime = currTime/duration - 1) * currTime * ((s + 1) * currTime + s) + 1) + beginVal;
},
easeInOut: function(currTime, beginVal, changeVal, duration, s) {
if (typeof s == "undefined") s = 1.70158;
if ((currTime /= duration / 2) < 1) return changeVal / 2 * (currTime * currTime * (((s *= (1.525)) + 1) * currTime - s)) + beginVal;
return changeVal / 2*((currTime -= 2) * currTime * (((s *= (1.525)) + 1) * currTime + s) + 2) + beginVal;
}
},
"Bounce": {
easeIn: function(currTime, beginVal, changeVal, duration) {
return changeVal - commonJS.tween.Bounce.easeOut(duration-currTime, 0, changeVal, duration) + beginVal;
},
easeOut: function(currTime, beginVal, changeVal, duration) {
if ((currTime /= duration) < (1 / 2.75)) {
return changeVal * (7.5625 * currTime * currTime) + beginVal;
} else if (currTime < (2 / 2.75)) {
return changeVal * (7.5625 * (currTime -= (1.5 / 2.75)) * currTime + .75) + beginVal;
} else if (currTime < (2.5 / 2.75)) {
return changeVal * (7.5625 * (currTime -= (2.25 / 2.75)) * currTime + .9375) + beginVal;
} else {
return changeVal * (7.5625 * (currTime -= (2.625 / 2.75)) * currTime + .984375) + beginVal;
}
},
easeInOut: function(currTime, beginVal, changeVal, duration) {
if (currTime < duration / 2) {
return commonJS.tween.Bounce.easeIn(currTime * 2, 0, changeVal, duration) * .5 + beginVal;
} else {
return commonJS.tween.Bounce.easeOut(currTime * 2 - duration, 0, changeVal, duration) * .5 + changeVal * .5 + beginVal;
}
}
}
};
}());參考
文章列表
全站熱搜
留言列表
