-
15653112065
-
二維碼
-
返回頂部

2.手機號碼
export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)
}4.是否url地址
export const isURL = (s) => { return /^http[s]?:\/\/.*/.test(s)
}6.是否數字
export const isNumber = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'Number'}8.是否函數
export const isFunction = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'Function'}10.是否undefined
export const isUndefined = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'}12.是否數組
export const isArray = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'Array'}14.是否正則
export const isRegExp = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'RegExp'}16.是否Symbol函數
export const isSymbol = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'Symbol'}18.是否Set對象
export const isSet = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'Set'}export const ua = navigator.userAgent.toLowerCase();
20.是否是移動端
export const isDeviceMobile = () => { return /android|webos|iphone|ipod|balckberry/i.test(ua)
}22.是否是爬蟲
export const isSpider = () => { return /adsbot|googlebot|bingbot|msnbot|yandexbot|baidubot|robot|careerbot|seznambot|bot|baiduspider|jikespider|symantecspider|scannerlwebcrawler|crawler|360spider|sosospider|sogou web sprider|sogou orion spider/.test(ua)
}24.是否為PC端
export const isPC = () => { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false; break;
}
} return flag;
}26.獲取url參數
export const getQueryString = (name) => { const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); const search = window.location.search.split('?')[1] || ''; const r = search.match(reg) || []; return r[2];
}28.根據url地址下載
export const download = (url) => { var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; var isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1; if (isChrome || isSafari) { var link = document.createElement('a');
link.href = url; if (link.download !== undefined) { var fileName = url.substring(url.lastIndexOf('/') + 1, url.length);
link.download = fileName;
} if (document.createEvent) { var e = document.createEvent('MouseEvents');
e.initEvent('click', true, true);
link.dispatchEvent(e); return true;
}
} if (url.indexOf('?') === -1) {
url += '?download';
} window.open(url, '_self'); return true;
}30.el添加某個class
export const addClass = (el, className) => { if (hasClass(el, className)) { return
} let newClass = el.className.split(' ')
newClass.push(className)
el.className = newClass.join(' ')
}32.獲取滾動的坐標
export const getScrollPosition = (el = window) => ({ x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft, y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
});34.el是否在視口范圍內
export const elementIsVisibleInViewport = (el, partiallyVisible = false) => { const { top, left, bottom, right } = el.getBoundingClientRect(); const { innerHeight, innerWidth } = window; return partiallyVisible
? ((top > 0 && top < innerHeight) || (bottom > 0 && bottom < innerHeight)) &&
((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
: top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
}36.攔截粘貼板
export const copyTextToClipboard = (value) => { var textArea = document.createElement("textarea");
textArea.style.background = 'transparent';
textArea.value = value; document.body.appendChild(textArea);
textArea.select(); try { var successful = document.execCommand('copy');
} catch (err) { console.log('Oops, unable to copy');
} document.body.removeChild(textArea);
}38.嚴格的身份證校驗
export const isCardID = (sId) => { if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) { console.log('你輸入的身份證長度或格式錯誤') return false
} //身份證城市
var aCity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "內蒙古", 21: "遼寧", 22: "吉林", 23: "黑龍江", 31: "上海", 32: "江蘇", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山東", 41: "河南", 42: "湖北", 43: "湖南", 44: "廣東", 45: "廣西", 46: "海南", 50: "重慶", 51: "四川", 52: "貴州", 53: "云南", 54: "西藏", 61: "陜西", 62: "甘肅", 63: "青海", 64: "寧夏", 65: "新疆", 71: "臺灣", 81: "香港", 82: "澳門", 91: "國外" }; if (!aCity[parseInt(sId.substr(0, 2))]) { console.log('你的身份證地區非法') return false
} // 出生日期驗證
var sBirthday = (sId.substr(6, 4) + "-" + Number(sId.substr(10, 2)) + "-" + Number(sId.substr(12, 2))).replace(/-/g, "/"),
d = new Date(sBirthday) if (sBirthday != (d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate())) { console.log('身份證上的出生日期非法') return false
} // 身份證號碼校驗
var sum = 0,
weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],
codes = "10X98765432"
for (var i = 0; i < sId.length - 1; i++) {
sum += sId[i] * weights[i];
} var last = codes[sum % 11]; //計算出來的最后一位身份證號碼
if (sId[sId.length - 1] != last) { console.log('你輸入的身份證號非法') return false
} return true}40.將阿拉伯數字翻譯成中文的大寫數字
export const numberToChinese = (num) => { var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"); var BB = new Array("", "十", "百", "仟", "萬", "億", "點", ""); var a = ("" + num).replace(/(^0*)/g, "").split("."),
k = 0,
re = ""; for (var i = a[0].length - 1; i >= 0; i--) { switch (k) { case 0:
re = BB[7] + re; break; case 4: if (!new RegExp("0{4}//d{" + (a[0].length - i - 1) + "}$")
.test(a[0]))
re = BB[4] + re; break; case 8:
re = BB[5] + re;
BB[7] = BB[5];
k = 0; break;
} if (k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0)
re = AA[0] + re; if (a[0].charAt(i) != 0)
re = AA[a[0].charAt(i)] + BB[k % 4] + re;
k++;
} if (a.length > 1) // 加上小數部分(如果有小數部分)
{
re += BB[6]; for (var i = 0; i < a[1].length; i++)
re += AA[a[1].charAt(i)];
} if (re == '一十')
re = "十"; if (re.match(/^一/) && re.length == 3)
re = re.replace("一", ""); return re;
}42.判斷一個元素是否在數組中
export const contains = (arr, val) => { return arr.indexOf(val) != -1 ? true : false;
}44.去重
export const unique = (arr) => { if (Array.hasOwnProperty('from')) { return Array.from(new Set(arr));
} else { var n = {}, r = []; for (var i = 0; i < arr.length; i++) { if (!n[arr[i]]) {
n[arr[i]] = true;
r.push(arr[i]);
}
} return r;
}
}46.求兩個集合的交集
export const intersect = (a, b) => { var _this = this;
a = this.unique(a); return this.map(a, function (o) { return _this.contains(b, o) ? o : null;
});
}48.將類數組轉換為數組
export const formArray = (ary) => { var arr = []; if (Array.isArray(ary)) {
arr = ary;
} else {
arr = Array.prototype.slice.call(ary);
}; return arr;
}50.最小值
export const min = (arr) => { return Math.min.apply(null, arr);
}52.平均值
export const average = (arr) => { return this.sum(arr) / arr.length
}54.字符轉換,type: 1:首字母大寫 2:首字母小寫 3:大小寫轉換 4:全部大寫 5:全部小寫
export const changeCase = (str, type) => {
type = type || 4
switch (type) { case 1: return str.replace(/\b\w+\b/g, function (word) { return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
}); case 2: return str.replace(/\b\w+\b/g, function (word) { return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
}); case 3: return str.split('').map(function (word) { if (/[a-z]/.test(word)) { return word.toUpperCase();
} else { return word.toLowerCase()
}
}).join('') case 4: return str.toUpperCase(); case 5: return str.toLowerCase(); default: return str;
}
}56.函數節流器
export const debouncer = (fn, time, interval = 200) => { if (time - (window.debounceTimestamp || 0) > interval) {
fn && fn(); window.debounceTimestamp = time;
}
}58.判斷兩個對象是否鍵值相同
export const isObjectEqual = (a, b) => { var aProps = Object.getOwnPropertyNames(a); var bProps = Object.getOwnPropertyNames(b); if (aProps.length !== bProps.length) { return false;
} for (var i = 0; i < aProps.length; i++) { var propName = aProps[i]; if (a[propName] !== b[propName]) { return false;
}
} return true;
}60.追加url參數
export const appendQuery = (url, key, value) => { var options = key; if (typeof options == 'string') {
options = {};
options[key] = value;
}
options = $.param(options); if (url.includes('?')) {
url += '&' + options
} else {
url += '?' + options
} return url;
}咨詢電話:0635-8808750
聯系人:張老師:15653112065 / 胡老師:13561268982 / 季老師:13053895635
學校地址:聊城市東昌西路(百大三聯西側)國際商務港5樓509
