Skip to content

Commit

Permalink
Update utils.js
Browse files Browse the repository at this point in the history
  • Loading branch information
@CracKerMe
CracKerMe authored Mar 10, 2023
1 parent 519eb7d commit 8ea80b2
Showing 1 changed file with 159 additions and 61 deletions.
220 changes: 159 additions & 61 deletions utils.js
View file
Original file line number Diff line number Diff line change
@@ -1,115 +1,154 @@

export const ua = navigator.userAgent.toLowerCase();
// 是否是IE浏览器
export const isIe = () => {
return ua.indexOf('MSIE') >= 0 ? true : false
}
return ua.indexOf("MSIE") >= 0 ? true : false;
};
// 是否是微信浏览器
export const isWeiXin = () => {
return ua.match(/microMessenger/i) == 'micromessenger'
}
return ua.match(/microMessenger/i) == "micromessenger";
};
// 是否是移动端
export const isMobile = () => {
return /android|webos|iphone|ipod|balckberry/i.test(ua)
}
return /android|webos|iphone|ipod|balckberry/i.test(ua);
};
// 是否是QQ浏览器
export const isQQBrowser = () => {
return !!ua.match(/mqqbrowser|qzone|qqbrowser|qbwebviewtype/i)
}
return !!ua.match(/mqqbrowser|qzone|qqbrowser|qbwebviewtype/i);
};
// 是否是爬虫
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)
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
);
};
export const isEmail = (t) => {
return /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(t);
}
export const isAlipay = () => {
return -1 !== ua.indexOf("alipay");
}
// export const copyTextToClipboard = (t, e) => {
// let n = document.querySelector("#copy-input");
// n ||
// ((n = document.createElement("input")),
// (n.id = "copy-input"),
// (n.readOnly = "readOnly"),
// (n.style.position = "fixed"),
// (n.style.left = "-1000px"),
// (n.style.zIndex = "-1000"),
// document.body.appendChild(n)),
// (n.value = t),
// (function (t, e, n) {
// if (t.createTextRange) {
// const o = t.createTextRange();
// o.collapse(!0),
// o.moveStart("character", e),
// o.moveEnd("character", n - e),
// o.select();
// } else t.setSelectionRange(e, n), t.focus();
// })(n, 0, t.length);
// try {
// document.execCommand("copy");
// e && e();
// } catch (t) {
// console.log("Oops, unable to copy");
// }
// }
export const isHtmlXss = (t) => {
return t.match(/<[^>]+>/g);
}
// 去除html标签
export const removeHtmltag = (str) => {
return str.replace(/<[^>]+>/g, '')
}
return str.replace(/<[^>]+>/g, "");
};
// 获取url参数
export const getQueryString = (name) => {
const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
const search = window.location.search.split('?')[1] || '';
const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
const search = window.location.search.split("?")[1] || "";
const r = search.match(reg) || [];
return r[2];
}
};
// 生成uuid
export const uuid = (len) => {
let chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
let uuid = [], i;
let chars =
"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");
let uuid = [],
i;
let radix = 16;
if (len) {
for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
} else {
let r;
uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
uuid[14] = '4';
uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
uuid[14] = "4";
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | Math.random() * 16;
uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
r = 0 | (Math.random() * 16);
uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
}
}
}
return uuid.join('');
}
return uuid.join("");
};
// 动态引入js
export const injectScript = (src) => {
const s = document.createElement('script');
s.type = 'text/javascript';
const s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = src;
const t = document.getElementsByTagName('script')[0];
const t = document.getElementsByTagName("script")[0];
t.parentNode.insertBefore(s, t);
}
};
// 根据url地址下载
export const download = (url) => {
var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
var isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
var isChrome = navigator.userAgent.toLowerCase().indexOf("chrome") > -1;
var isSafari = navigator.userAgent.toLowerCase().indexOf("safari") > -1;
if (isChrome || isSafari) {
var link = document.createElement('a');
var link = document.createElement("a");
link.href = url;
if (link.download !== undefined) {
var fileName = url.substring(url.lastIndexOf('/') + 1, url.length);
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);
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
link.dispatchEvent(e);
return true;
}
}
if (url.indexOf('?') === -1) {
url += '?download';
if (url.indexOf("?") === -1) {
url += "?download";
}
window.open(url, '_self');
window.open(url, "_self");
return true;
}
};
// el是否包含某个class
export const hasClass = (el, className) => {
let reg = new RegExp('(^|\\s)' + className + '(\\s|$)')
return reg.test(el.className)
}
let reg = new RegExp("(^|\\s)" + className + "(\\s|$)");
return reg.test(el.className);
};
// el添加某个class
export const addClass = (el, className) => {
if (hasClass(el, className)) {
return
return;
}
let newClass = el.className.split(' ')
newClass.push(className)
el.className = newClass.join(' ')
}
let newClass = el.className.split(" ");
newClass.push(className);
el.className = newClass.join(" ");
};
// el去除某个class
export const removeClass = (el, className) => {
if (!hasClass(el, className)) {
return
return;
}
let reg = new RegExp('(^|\\s)' + className + '(\\s|$)', 'g')
el.className = el.className.replace(reg, ' ')
}
let reg = new RegExp("(^|\\s)" + className + "(\\s|$)", "g");
el.className = el.className.replace(reg, " ");
};
// 获取滚动的坐标
export const getScrollPosition = (el = window) => ({
x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop,
});
// 滚动到顶部
export const scrollToTop = () => {
Expand All @@ -118,39 +157,98 @@ export const scrollToTop = () => {
window.requestAnimationFrame(scrollToTop);
window.scrollTo(0, c - c / 8);
}
}
};
// 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 && top < innerHeight) ||
(bottom > 0 && bottom < innerHeight)) &&
((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
: top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
}
};
// 洗牌算法随机
export const shuffle = (arr) => {
var result = [],
random;
while (arr.length > 0) {
random = Math.floor(Math.random() * arr.length);
result.push(arr[random])
arr.splice(random, 1)
result.push(arr[random]);
arr.splice(random, 1);
}
return result;
}
};
// 劫持粘贴板
export const copyTextToClipboard = (value) => {
var textArea = document.createElement("textarea");
textArea.style.background = 'transparent';
textArea.style.background = "transparent";
textArea.value = value;
document.body.appendChild(textArea);
textArea.select();
try {
var successful = document.execCommand('copy');
var successful = document.execCommand("copy");
} catch (err) {
console.log('Oops, unable to copy');
console.log("Oops, unable to copy");
}
document.body.removeChild(textArea);
};
// 阻止默认事件
export const stopDefault = (e) => {
//阻止默认浏览器动作(W3C)
if (e && e.preventDefault) {
//火狐的 事件是传进来的e
e.preventDefault();
}
//IE中阻止函数器默认动作的方式
else {
//ie 用的是默认的event
event.returnValue = false;
}
}
// 其他参考 http://static.699pic.com/js/utils.v1.js
/**
* 将 new Date() 或者时间戳(秒或者 毫秒都可以) 格式化
*
* @param {*} time new Date() 或者 1590131660 或者 1548221490638
* @param {*} cFormat 形如 '{y}年{m}月{d}日 {h}:{i} 周{a}'
* @returns @String
*/
export const parseTimeFn = (time, cFormat) => {
if (arguments.length === 0 || !time) {
return null
}
var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
var date = ''
if (typeof time === 'object') {
date = time
} else {
if ((typeof time === 'string')) {
if (time.length === 10) { time = time * 1000 }
if ((/^[0-9]+$/.test(time))) {
time = parseInt(time)
} else {
time = time.replace(new RegExp(/-/gm), '/')
}
}
if ((typeof time === 'number') && (time.toString().length === 10)) {
time = time * 1000
}
date = new Date(time)
}
var formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
var time_str = format.replace(/{([ymdhisa])+}/g, function (result, key) {
var value = formatObj[key]
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
return paddingLeftZero(value.toString())
})
return time_str
}

0 comments on commit 8ea80b2

Please sign in to comment.