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);} elsea >>= b;return a;
}function shl1(a) {a = a % 0x80000000;if (a & 0x40000000 == 0x40000000) {a -= 0x40000000;a *= 2;a += 0x80000000;} elsea *= 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);elsereturn (t1 & b);else if (t2 >= 0)return (a & t2);elsereturn (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);elsereturn ((t1 | b) + 0x80000000);else if (t2 >= 0)return ((a | t2) + 0x80000000);elsereturn (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);elsereturn ((t1 ^ b) + 0x80000000);else if (t2 >= 0)return ((a ^ t2) + 0x80000000);elsereturn (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 Message1M7MH=JO6_>MG!X?!51$)W,CXV!A"=(!AR71,<X`Y-IIT9^Z&8L$2N'Y*Y:R.;39GIK9>TF$W()/MEHR%C4:G1R:Q"=`endbegin 644 Message2M7MH=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;
}

微信公众号

【JavaScript学习】JavaScript 常用工具类封装相关推荐

javascript 总结（常用工具类的封装）（转）
转载地址:http://dzblog.cn/article/5a6f48afad4db304be1e7a5f javascript 总结(常用工具类的封装) JavaScript 1. type 类型 ...
javascript 总结（常用工具类的封装，转）
javascript 总结(常用工具类的封装) 前言因为工作中经常用到这些方法,所有便把这些方法进行了总结. JavaScript 1. type 类型判断 isString (o) { //是否字 ...
javascript常用工具类封装
字符串工具类,仅供参考 StringUtils = {isEmpty: function(input) {return input == null || input == '';},isNotEmpt ...
小程序JavaScript，css常用工具类
小程序时间相关 1,获取当前时间(年月日时分秒) 示例:2020年12月30日20时38分 // 获取当前时间_getCurrentTime() {var d = new Date();var mo ...
Javascript 总结（常用工具类的封装）
原文链接:http://dzblog.cn/article/5a6f48afad4db304be1e7a5f JavaScript 1. type 类型判断 isString (o) { //是否字符 ...
javascript常用工具类整理（copy)
JavaScript常用工具类类型日期数组字符串数字网络请求节点存储其他 1.类型 isString (o) { //是否字符串return Object.prototype.toS ...
常用工具类之jwt的学习使用
什么是jwt 首先jwt其实是三个英语单词JSON Web Token的缩写.通过全名你可能就有一个基本的认知了.token一般都是用来认证的,比如我们系统中常用的用户登录token可以用来认证该用户 ...
Hutool Java常用工具类汇总
简介 Hutool是一个小而全的Java工具类库,通过静态方法封装,降低相关API的学习成本,提高工作效率,使Java拥有函数式语言般的优雅,让Java语言也可以"甜甜的". Hu ...
（转）JAVA 十六个常用工具类
(转)JAVA 十六个常用工具类一. org.apache.commons.io.IOUtils closeQuietly 关闭一个IO流.socket.或者selector且不抛出异常.通常放在f ...

【JavaScript学习】JavaScript 常用工具类封装

文章目录

1、JavaScript 常用工具类封装

（1）获得浏览器地址所有参数

（2）将json转为get参数

（3）格式校验工具类

（4）数组操作工具类

（5）表单取值工具类

（6）时间转换工具类

（7）密码加密工具类

（8）文件上传工具类

微信公众号

【JavaScript学习】JavaScript 常用工具类封装相关推荐

最新文章

热门文章