【JavaScript学习】JavaScript 常用工具类封装
文章目录
- 1、JavaScript 常用工具类封装
- (1)获得浏览器地址所有参数
- (2)将json转为get参数
- (3)格式校验工具类
- (4)数组操作工具类
- (5)表单取值工具类
- (6)时间转换工具类
- (7)密码加密工具类
- (8)文件上传工具类
- 微信公众号
1、JavaScript 常用工具类封装
(1)获得浏览器地址所有参数
// 获得浏览器地址所有参数
function getQueryString() {
var qs = location.search.substr(1), // 获取url中"?"符后的字串
args = { }, // 保存参数数据的对象
items = qs.length ? qs.split("&") : [], // 取得每一个参数项
item = null,
len = items.length;
for(var i = 0; i < len; i++) {
item = items[i].split("=");
var name = decodeURIComponent(item[0]),
value = decodeURIComponent(item[1]);
if(name) {
args[name] = value;
}
}
return args;
}
(2)将json转为get参数
// 将json转为get参数
function getParamByJson(json) {
return Object.keys(json).map(function (key) {
return encodeURIComponent(key) + "=" + encodeURIComponent(json[key]);
}).join("&");
}
(3)格式校验工具类
tellsea-validator.js
/** * @author tellsea * @version v0.0.1 * @description javascript # 格式校验工具类 * @date: 2019/7/5 15:30 */
var validator = {
/** * 非空验证 * * @param val * @returns {boolean} */
isEmpty: function isEmpty(val) {
if (val == undefined || val == null || val == '' || val.length == 0) {
return true;
} else {
return false;
}
},
/** * 邮箱验证 * * @param val * @returns {boolean} */
isEmail: function isEmail(val) {
var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
return reg.test(val);
},
/** * 身份证号码验证 * * @param val * @returns {boolean} * 身份证正则表达式(15位):isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/; * 身份证正则表达式(18位):isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/; */
isCard: function isCard(val) {
var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
return reg.test(val);
},
/** * 手机号码 * * @param val * @returns {boolean} */
isPhone: function isPhone(val) {
var reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
return reg.test(val);
},
/** * 固定电话 * * @param val * @returns {boolean} */
isLandline: function isLandline(val) {
var reg = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;
return reg.test(val);
},
/** * 手机号码或者固定电话 * * @param val * @returns {boolean} */
isPhoneOrLandline: function isPhoneOrLandline(val) {
var reg = /^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/;
return reg.test(val);
},
/** * 邮编 * * @param val * @returns {boolean} */
isPostalcode: function isPostalcode(val) {
var reg = /^[1-9][0-9]{5}$/;
return reg.test(val);
},
/** * 银行卡号,15,16,19位 * * @param val * @returns {boolean} */
isBank: function isBank(val) {
var reg = /^([1-9]{1})(\d{14}|\d{18}|\d{15})$/;
return reg.test(val);
}
};
(4)数组操作工具类
tellsea-array-utis.js
var arrayUtis = {
/** * 删除数组中的元素 * * @param array 数组 * @param del 需要删除的元素 * 1、删除数组中的某个元素,首先需要确定需要获得删除元素的索引值 * 2、找到相对应的索引值后,根据索引值删除数组中该元素对应的值 */
removeElement: function removeElement(arr, del) {
Array.prototype.indexOf = function (val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) {
return i;
}
}
return -1;
};
Array.prototype.remove = function (val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
arr.remove(del);
},
/** * 根据一个父数组删除子数组相对应的元素 * * @param arr1 父数组 * @param arr2 子数组 * @returns {*} */
removePoint: function removePoint(arr1, arr2) {
for (var i = 0; i < arr2.length; i++) {
for (var j = 0; j < arr1.length; j++) {
if (arr2[i] == arr1[j]) {
var index = arr1.indexOf(arr1[j]);
arr1.splice(index, 1);
}
}
}
return arr1;
}
};
(5)表单取值工具类
tellsea-form.js
/** * 序列化表单数据 */
$.fn.serializeJson = function () {
var serializeObj = { };
var array = this.serializeArray();
$(array).each(function () {
if (serializeObj[this.name]) {
if ($.isArray(serializeObj[this.name])) {
serializeObj[this.name].push(this.value);
} else {
serializeObj[this.name] = [serializeObj[this.name], this.value];
}
} else {
serializeObj[this.name] = this.value;
}
});
return serializeObj;
};
(6)时间转换工具类
tellsea-date.js
/** * 把Date转化为指定格式的String(Format) * @param fmt * @returns {void | string} * @constructor * 使用案例:new Date().Format('yyyy-MM-dd HH:mm:ss'); */
Date.prototype.Format = function (fmt) {
var o = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"H+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
};
/** * 得到当前时间 yyyyMMddHHmm */
function fmtDateMin() {
var myDate = new Date();
var year = myDate.getFullYear();
var month = myDate.getMonth() + 1;
var date = myDate.getDate();
var h = myDate.getHours();
var m = myDate.getMinutes();
var s = myDate.getSeconds();
var now = year + '' + conver(month) + '' + conver(date) + '' + conver(h) + '' + conver(m);
return now;
}
//日期时间处理
function conver(s) {
return s < 10 ? '0' + s : s;
}
(7)密码加密工具类
md5.js
function array(n) {
for (i = 0; i < n; i++) this[i] = 0;
this.length = n;
}
/* Quelques fonctions fondamentales doivent ��otre transform��|es ���� cause * d'erreurs Javascript. * Essayez par exemple de calculer 0xffffffff >> 4 ... * Les fonctions utilis��|es maintenant sont il est vrai plus lentes que les * fonctions originales mais elles fonctionnent. */
function integer(n) {
return n % (0xffffffff + 1);
}
function shr(a, b) {
a = integer(a);
b = integer(b);
if (a - 0x80000000 >= 0) {
a = a % 0x80000000;
a >>= b;
a += 0x40000000 >> (b - 1);
} else
a >>= b;
return a;
}
function shl1(a) {
a = a % 0x80000000;
if (a & 0x40000000 == 0x40000000) {
a -= 0x40000000;
a *= 2;
a += 0x80000000;
} else
a *= 2;
return a;
}
function shl(a, b) {
a = integer(a);
b = integer(b);
for (var i = 0; i < b; i++) a = shl1(a);
return a;
}
function and(a, b) {
a = integer(a);
b = integer(b);
var t1 = (a - 0x80000000);
var t2 = (b - 0x80000000);
if (t1 >= 0)
if (t2 >= 0)
return ((t1 & t2) + 0x80000000);
else
return (t1 & b);
else if (t2 >= 0)
return (a & t2);
else
return (a & b);
}
function or(a, b) {
a = integer(a);
b = integer(b);
var t1 = (a - 0x80000000);
var t2 = (b - 0x80000000);
if (t1 >= 0)
if (t2 >= 0)
return ((t1 | t2) + 0x80000000);
else
return ((t1 | b) + 0x80000000);
else if (t2 >= 0)
return ((a | t2) + 0x80000000);
else
return (a | b);
}
function xor(a, b) {
a = integer(a);
b = integer(b);
var t1 = (a - 0x80000000);
var t2 = (b - 0x80000000);
if (t1 >= 0)
if (t2 >= 0)
return (t1 ^ t2);
else
return ((t1 ^ b) + 0x80000000);
else if (t2 >= 0)
return ((a ^ t2) + 0x80000000);
else
return (a ^ b);
}
function not(a) {
a = integer(a);
return (0xffffffff - a);
}
/* D��|but de l'algorithme */
var state = new array(4);
var count = new array(2);
count[0] = 0;
count[1] = 0;
var buffer = new array(64);
var transformBuffer = new array(16);
var digestBits = new array(16);
var S11 = 7;
var S12 = 12;
var S13 = 17;
var S14 = 22;
var S21 = 5;
var S22 = 9;
var S23 = 14;
var S24 = 20;
var S31 = 4;
var S32 = 11;
var S33 = 16;
var S34 = 23;
var S41 = 6;
var S42 = 10;
var S43 = 15;
var S44 = 21;
function F(x, y, z) {
return or(and(x, y), and(not(x), z));
}
function G(x, y, z) {
return or(and(x, z), and(y, not(z)));
}
function H(x, y, z) {
return xor(xor(x, y), z);
}
function I(x, y, z) {
return xor(y, or(x, not(z)));
}
function rotateLeft(a, n) {
return or(shl(a, n), (shr(a, (32 - n))));
}
function FF(a, b, c, d, x, s, ac) {
a = a + F(b, c, d) + x + ac;
a = rotateLeft(a, s);
a = a + b;
return a;
}
function GG(a, b, c, d, x, s, ac) {
a = a + G(b, c, d) + x + ac;
a = rotateLeft(a, s);
a = a + b;
return a;
}
function HH(a, b, c, d, x, s, ac) {
a = a + H(b, c, d) + x + ac;
a = rotateLeft(a, s);
a = a + b;
return a;
}
function II(a, b, c, d, x, s, ac) {
a = a + I(b, c, d) + x + ac;
a = rotateLeft(a, s);
a = a + b;
return a;
}
function transform(buf, offset) {
var a = 0, b = 0, c = 0, d = 0;
var x = transformBuffer;
a = state[0];
b = state[1];
c = state[2];
d = state[3];
for (i = 0; i < 16; i++) {
x[i] = and(buf[i * 4 + offset], 0xff);
for (j = 1; j < 4; j++) {
x[i] += shl(and(buf[i * 4 + j + offset], 0xff), j * 8);
}
}
/* tour 1 */
a = FF(a, b, c, d, x[0], S11, 0xd76aa478); /* 1 */
d = FF(d, a, b, c, x[1], S12, 0xe8c7b756); /* 2 */
c = FF(c, d, a, b, x[2], S13, 0x242070db); /* 3 */
b = FF(b, c, d, a, x[3], S14, 0xc1bdceee); /* 4 */
a = FF(a, b, c, d, x[4], S11, 0xf57c0faf); /* 5 */
d = FF(d, a, b, c, x[5], S12, 0x4787c62a); /* 6 */
c = FF(c, d, a, b, x[6], S13, 0xa8304613); /* 7 */
b = FF(b, c, d, a, x[7], S14, 0xfd469501); /* 8 */
a = FF(a, b, c, d, x[8], S11, 0x698098d8); /* 9 */
d = FF(d, a, b, c, x[9], S12, 0x8b44f7af); /* 10 */
c = FF(c, d, a, b, x[10], S13, 0xffff5bb1); /* 11 */
b = FF(b, c, d, a, x[11], S14, 0x895cd7be); /* 12 */
a = FF(a, b, c, d, x[12], S11, 0x6b901122); /* 13 */
d = FF(d, a, b, c, x[13], S12, 0xfd987193); /* 14 */
c = FF(c, d, a, b, x[14], S13, 0xa679438e); /* 15 */
b = FF(b, c, d, a, x[15], S14, 0x49b40821); /* 16 */
/* tour 2 */
a = GG(a, b, c, d, x[1], S21, 0xf61e2562); /* 17 */
d = GG(d, a, b, c, x[6], S22, 0xc040b340); /* 18 */
c = GG(c, d, a, b, x[11], S23, 0x265e5a51); /* 19 */
b = GG(b, c, d, a, x[0], S24, 0xe9b6c7aa); /* 20 */
a = GG(a, b, c, d, x[5], S21, 0xd62f105d); /* 21 */
d = GG(d, a, b, c, x[10], S22, 0x2441453); /* 22 */
c = GG(c, d, a, b, x[15], S23, 0xd8a1e681); /* 23 */
b = GG(b, c, d, a, x[4], S24, 0xe7d3fbc8); /* 24 */
a = GG(a, b, c, d, x[9], S21, 0x21e1cde6); /* 25 */
d = GG(d, a, b, c, x[14], S22, 0xc33707d6); /* 26 */
c = GG(c, d, a, b, x[3], S23, 0xf4d50d87); /* 27 */
b = GG(b, c, d, a, x[8], S24, 0x455a14ed); /* 28 */
a = GG(a, b, c, d, x[13], S21, 0xa9e3e905); /* 29 */
d = GG(d, a, b, c, x[2], S22, 0xfcefa3f8); /* 30 */
c = GG(c, d, a, b, x[7], S23, 0x676f02d9); /* 31 */
b = GG(b, c, d, a, x[12], S24, 0x8d2a4c8a); /* 32 */
/* tour 3 */
a = HH(a, b, c, d, x[5], S31, 0xfffa3942); /* 33 */
d = HH(d, a, b, c, x[8], S32, 0x8771f681); /* 34 */
c = HH(c, d, a, b, x[11], S33, 0x6d9d6122); /* 35 */
b = HH(b, c, d, a, x[14], S34, 0xfde5380c); /* 36 */
a = HH(a, b, c, d, x[1], S31, 0xa4beea44); /* 37 */
d = HH(d, a, b, c, x[4], S32, 0x4bdecfa9); /* 38 */
c = HH(c, d, a, b, x[7], S33, 0xf6bb4b60); /* 39 */
b = HH(b, c, d, a, x[10], S34, 0xbebfbc70); /* 40 */
a = HH(a, b, c, d, x[13], S31, 0x289b7ec6); /* 41 */
d = HH(d, a, b, c, x[0], S32, 0xeaa127fa); /* 42 */
c = HH(c, d, a, b, x[3], S33, 0xd4ef3085); /* 43 */
b = HH(b, c, d, a, x[6], S34, 0x4881d05); /* 44 */
a = HH(a, b, c, d, x[9], S31, 0xd9d4d039); /* 45 */
d = HH(d, a, b, c, x[12], S32, 0xe6db99e5); /* 46 */
c = HH(c, d, a, b, x[15], S33, 0x1fa27cf8); /* 47 */
b = HH(b, c, d, a, x[2], S34, 0xc4ac5665); /* 48 */
/* tour 4 */
a = II(a, b, c, d, x[0], S41, 0xf4292244); /* 49 */
d = II(d, a, b, c, x[7], S42, 0x432aff97); /* 50 */
c = II(c, d, a, b, x[14], S43, 0xab9423a7); /* 51 */
b = II(b, c, d, a, x[5], S44, 0xfc93a039); /* 52 */
a = II(a, b, c, d, x[12], S41, 0x655b59c3); /* 53 */
d = II(d, a, b, c, x[3], S42, 0x8f0ccc92); /* 54 */
c = II(c, d, a, b, x[10], S43, 0xffeff47d); /* 55 */
b = II(b, c, d, a, x[1], S44, 0x85845dd1); /* 56 */
a = II(a, b, c, d, x[8], S41, 0x6fa87e4f); /* 57 */
d = II(d, a, b, c, x[15], S42, 0xfe2ce6e0); /* 58 */
c = II(c, d, a, b, x[6], S43, 0xa3014314); /* 59 */
b = II(b, c, d, a, x[13], S44, 0x4e0811a1); /* 60 */
a = II(a, b, c, d, x[4], S41, 0xf7537e82); /* 61 */
d = II(d, a, b, c, x[11], S42, 0xbd3af235); /* 62 */
c = II(c, d, a, b, x[2], S43, 0x2ad7d2bb); /* 63 */
b = II(b, c, d, a, x[9], S44, 0xeb86d391); /* 64 */
state[0] += a;
state[1] += b;
state[2] += c;
state[3] += d;
}
/* Avec l'initialisation de Dobbertin: state[0] = 0x12ac2375; state[1] = 0x3b341042; state[2] = 0x5f62b97c; state[3] = 0x4ba763ed; s'il y a une collision: begin 644 Message1 M7MH=JO6_>MG!X?!51$)W,CXV!A"=(!AR71,<X`Y-IIT9^Z&8L$2N'Y*Y:R.; 39GIK9>TF$W()/MEHR%C4:G1R:Q"= ` end begin 644 Message2 M7MH=JO6_>MG!X?!51$)W,CXV!A"=(!AR71,<X`Y-IIT9^Z&8L$2N'Y*Y:R.; 39GIK9>TF$W()/MEHREC4:G1R:Q"= ` end */
function init() {
count[0] = count[1] = 0;
state[0] = 0x67452301;
state[1] = 0xefcdab89;
state[2] = 0x98badcfe;
state[3] = 0x10325476;
for (i = 0; i < digestBits.length; i++)
digestBits[i] = 0;
}
function update(b) {
var index, i;
index = and(shr(count[0], 3), 0x3f);
if (count[0] < 0xffffffff - 7)
count[0] += 8;
else {
count[1]++;
count[0] -= 0xffffffff + 1;
count[0] += 8;
}
buffer[index] = and(b, 0xff);
if (index >= 63) {
transform(buffer, 0);
}
}
function finish() {
var bits = new array(8);
var padding;
var i = 0, index = 0, padLen = 0;
for (i = 0; i < 4; i++) {
bits[i] = and(shr(count[0], (i * 8)), 0xff);
}
for (i = 0; i < 4; i++) {
bits[i + 4] = and(shr(count[1], (i * 8)), 0xff);
}
index = and(shr(count[0], 3), 0x3f);
padLen = (index < 56) ? (56 - index) : (120 - index);
padding = new array(64);
padding[0] = 0x80;
for (i = 0; i < padLen; i++)
update(padding[i]);
for (i = 0; i < 8; i++)
update(bits[i]);
for (i = 0; i < 4; i++) {
for (j = 0; j < 4; j++) {
digestBits[i * 4 + j] = and(shr(state[i], (j * 8)), 0xff);
}
}
}
/* Fin de l'algorithme MD5 */
function hexa(n) {
var hexa_h = "0123456789abcdef";
var hexa_c = "";
var hexa_m = n;
for (hexa_i = 0; hexa_i < 8; hexa_i++) {
hexa_c = hexa_h.charAt(Math.abs(hexa_m) % 16) + hexa_c;
hexa_m = Math.floor(hexa_m / 16);
}
return hexa_c;
}
var ascii = "01234567890123456789012345678901" +
" !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ" +
"[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~";
function MD5(message) {
var l, s, k, ka, kb, kc, kd;
init();
for (k = 0; k < message.length; k++) {
l = message.charAt(k);
update(ascii.lastIndexOf(l));
}
finish();
ka = kb = kc = kd = 0;
for (i = 0; i < 4; i++) ka += shl(digestBits[15 - i], (i * 8));
for (i = 4; i < 8; i++) kb += shl(digestBits[15 - i], ((i - 4) * 8));
for (i = 8; i < 12; i++) kc += shl(digestBits[15 - i], ((i - 8) * 8));
for (i = 12; i < 16; i++) kd += shl(digestBits[15 - i], ((i - 12) * 8));
s = hexa(kd) + hexa(kc) + hexa(kb) + hexa(ka);
return s;
}
(8)文件上传工具类
tellsea-upload.js
/** * 上传文件 * @param inputId 输入框id * @param folder 保存文件夹名称 * @param url 上传路径 */
function uploadFile(inputId, folder, url) {
var res = {
code: 0,
message: '',
data: { }
};
var formData = new FormData();
var length = $('#' + inputId)[0].files.length;
if (0 == length) {
res.code = 404;
res.message = '文件为空,请选择文件';
}
for (var i = 0; i < $('#' + inputId)[0].files.length; i++) {
formData.append('file', $('#' + inputId)[0].files[i]);
}
formData.append('folder', folder);
var defer = $.Deferred();
$.ajax({
method: 'post',
url: url,
type: 'POST',
data: formData,
dataType: 'json',
processData: false,
contentType: false,
async: true,
success: function (result) {
res.code = result.code;
res.message = result.message;
res.data = result.data;
defer.resolve(res)
},
error: function (result) {
res.code = result.code;
res.message = result.message;
res.data = result.data;
defer.resolve(res)
}
});
return defer;
}
还没有评论,来说两句吧...