commonJS — 通用方法(for COM)
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;
}
}
}
};
}());
参考
commonJS — 通用方法(for COM)的更多相关文章
- 使用java泛型设计通用方法
泛型是Java SE 1.5的新特性, 泛型的本质是参数化类型, 也就是说所操作的数据类型被指定为一个参数. 因此我们可以利用泛型和反射来设计一些通用方法. 现在有2张表, 一张user表和一张stu ...
- .NET基础架构方法—DataTableToExcel通用方法
p { display: block; margin: 3px 0 0 0; } --> .NET架构基础方法—DataTableToExcel通用方法(NPOI) 今天封装DataTaleTo ...
- DataTable数据赋值给Model通用方法
注:该文属本人原创,今后项目中发现该方法存在BUG会实时更新,转载记得附上原文出处,方便大家获得最新代码. 相信大家在做项目中,经常会根据不同的表new各种不同的Model,当需要对Model进行实例 ...
- 带毫秒的字符转换成时间(DateTime)格式的通用方法
C#自身有更好的方式,Net任意String格式转换为DateTime类型 ====================================================== 原文 ==== ...
- 使用 highchart 绘制柱状图的通用方法与接口
本文给出使用 highchart 绘制柱状图的通用方法与接口, 只要指定相应的数据结构和配置, 就可以直接拿来使用. 一. 数据结构与基本接口 一般绘制图形, 会涉及到较复杂的数据结构, 比如使 ...
- C# 深拷贝通用方法
C#深拷贝通用方法(引用类型的拷贝) /// <summary> /// 深度COPY /// </summary> /// <typeparam name=" ...
- List对象排序的通用方法
转自 @author chenchuang import java.lang.reflect.InvocationTargetException;import java.lang.reflect.Me ...
- js添加事件通用方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- hibernate学习笔记4---HQL、通用方法的抽取实现
一.通用方法的抽取实现 由于hibernate中对增删改查的一切操作都是面向对象的,所以将增删改查抽取成通用方法,以满足不同的表的增删改查操作,简化jdbc代码. 具体例子如下: package cn ...
随机推荐
- Uva(10048),最短路Floyd
题目链接:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem ...
- Linux平台下线程池的原理及实现
转自:http://blog.csdn.net/lmh12506/article/details/7753952 前段时间在github上开了个库,准备实现自己的线程池的,因为换工作的事,一直也没有实 ...
- gulp 建立一个简单的自动化
前端项目需要的功能: 1.图片(压缩图片支持jpg.png.gif) 2.样式 (支持sass 同时支持合并.压缩.重命名) 3.javascript (检查.合并.压缩.重命名) 4.html (压 ...
- easyui.combotree.search.js
(function ($) { //combotree可编辑,自定义模糊查询 $.fn.combotree.defaults.editable = true; $.extend($.fn.combot ...
- 在 Server 端存取 Excel 檔案的利器:NPOI Library
转处 http://msdn.microsoft.com/zh-tw/ee818993.aspx Codeplex 軟體套件(Package)資訊 套件名稱 NPOI 作者 tonyqus, huse ...
- fffffffffff
create proc partPage114 @n int,--每页数量 @page int, --页码从0开始 @Mainkey int as declare @sql nvarchar(1000 ...
- sql重新排序
declare @i int select @i = 10 update dbo.T_StartEndCode set @i = @i+1,OrderNumber = @i
- 2-Babel
一.什么是babel babel是一个源代码到源代码的转换器.比较广泛的用法就是可以把你写的符合 ECMAScript 6 标准的代码完美地转换为 ECMAScript 5 标准的代码,并且可以确保良 ...
- [Objective-C]__bridge,__bridge_retained和__bridge_transfer的意思,区别与使用
使用ARC能帮我们减轻不少内存管理方面的负担,尤其是对用惯了Java的程序员来说.但是像我这种Java基础本身就不牢固,做了两年的iOS已经习惯手动管理内存的半吊子,使用ARC还是经常碰壁. 对于CF ...
- 修改客户端Webbrowser对应IE版本步骤
制作注册表文件的过程 1,” HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\InternetExplorer\MAIN\ FeatureControl\FEATURE_B ...