/*
其他函数
*/
/**
* [getSearchParams description] 获取URL的查询参数
* @return {Object} 查询参数对象
*/
function getSearchParams() {
return Object.fromEntries(new URLSearchParams(window.location.search));
}
/**
* [genStarScore description] 生成星级评分
* @param rate {Number} 评分数据，0.5为单位
* @return {String} 星级评分字符串
*/
function genStarScore(rate) {
return "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);
}
/**
* [copyTextToClipboard description] 将文本复制到剪贴板，来自：https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript
* @param text {String} 需要复制的文本
* @return {Null} 无返回
*/
function copyTextToClipboard(text) {
var textArea = document.createElement("textarea");
// Place in top-left corner of screen regardless of scroll position.
textArea.style.position = 'fixed';
textArea.style.top = 0;
textArea.style.left = 0;
// Ensure it has a small width and height. Setting to 1px / 1em
// doesn't work as this gives a negative w/h on some browsers.
textArea.style.width = '2em';
textArea.style.height = '2em';
// We don't need padding, reducing the size if it does flash render.
textArea.style.padding = 0;
// Clean up any borders.
textArea.style.border = 'none';
textArea.style.outline = 'none';
textArea.style.boxShadow = 'none';
// Avoid flash of white box if rendered for any reason.
textArea.style.background = 'transparent';
textArea.value = text;
document.body.appendChild(textArea);
textArea.select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log('Oops, unable to copy');
}
document.body.removeChild(textArea);
}
/**
* [getJsDir description] 获取js所在路径
* @param src {String} html中的script代码
* @return {String} js所在路径
*/
function getJsDir (src) {
var script = null;
if (src) {
script = [].filter.call(document.scripts, function (v) {
return v.src.indexOf(src) !== -1;
})[0];
} else {
script = document.scripts[document.scripts.length - 1];
}
return script ? script.src.substr(0, script.src.lastIndexOf('/')) : script;
}
/**
* [getRequestParams description] url中query解析
* @param paras {Null} 参数可以为空，此时返回请求参数Map本身
* {String} 参数可以为请求key，以便返回querystring中key对应的value
* @return {Object/String} 根据参数不同，要返回不同的结果，object或者字符串
*/
function getRequestParams(paras) {
const url = window.location.search;
const paraString = url.substring(1).split("&");
const paraObj = {};
for (var i = 0, len = paraString.length; i < len; i++) {
const j = paraString[i];
if (j) {
paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
}
}
if (!paras) return paraObj;
const returnValue = paraObj[paras.toLowerCase()];
return returnValue ? returnValue.trim() : "";
}
/**
* [getJsDir description] 获取文本框光标位置
* @param obj {Object} 需要获取光标位置的 input | textarea dom对象
* @return {Number} 返回光标所在索引
*/
function getInputIndex(obj) {
var result = 0;
// 非IE系，支持 obj.selectionStart
if (obj.selectionStart !== undefined) {
result = obj.selectionStart;
// IE
} else {
try {
var rng;
// TEXTAREA
if (obj.tagName === "textarea") {
rng = event.srcElement.createTextRange();
rng.moveToPoint(event.x, event.y);
// Text
} else {
rng = document.selection.createRange();
}
rng.moveStart("character", -event.srcElement.value.length);
result = rng.text.length;
} catch (e) {}
}
return result;
}
/**
* [setCookie description] 设置 Cookie 值
* @param name {String} Cookie的name属性
* @param value {String} Cookie的value属性
* @param hours {Number} 过期时间，单位为小时
* @return {Null} 无返回
*/
function setCookie(name, value, hours) {
var d = new Date(),
offset = 8,
utc = d.getTime() + (d.getTimezoneOffset() * 60000),
nd = utc + (3600000 * offset),
exp = new Date(nd);
exp.setTime(exp.getTime() + hours * 60 * 60 * 1000);
document.cookie = name + "=" + decodeURIComponent(value) + ";path=/;expires=" + exp.toGMTString() + ";";
}
/**
* [getCookie description] 获取 Cookie 值
* @param name {String} Cookie的name属性
* @return {String} Cookie的value值
*/
function getCookie(name) {
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr !== null) return encodeURIComponent(arr[2]);
return null;
}
/**
* [loadStyle description] 加载 CSS 文件
* @param url {String} css文件所在url
* @return {Null} 无返回
*/
function loadStyle(url) {
try {
document.createStyleSheet(url)
} catch (e) {
var cssLink = document.createElement('link');
cssLink.rel = 'stylesheet';
cssLink.type = 'text/css';
cssLink.href = url;
var head = document.getElementsByTagName('head')[0];
head.appendChild(cssLink)
}
}
/**
* [loadStyle description] 加载 JS 文件
* @param src {String} js文件所在地址
* @return {Null} 无返回
*/
function loadScript(src) {
var scriptNode = document.createElement("script");
scriptNode.type = "text/javascript";
scriptNode.src = src;
var head = document.getElementsByTagName('head')[0];
head.appendChild(scriptNode);
}
/**
* [getType description] 判断具体类型
* @param any {Object} 需要判断的值
* @return {String} 类型
*/
function getType(any) {
var typeArray = Object.prototype.toString.call(any).split(" ");
return typeArray[1].slice(0, this.length-1);
}
/**
* [getUrlState description] 检查URL链接是否有效
* @param URL {String} 需要检查的URL链接
* @return {Boolean} 检查结果
*/
function getUrlState(URL){
var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
xmlhttp.Open("GET",URL, false);
try{
xmlhttp.Send();
}catch(e){
}finally{
var result = xmlhttp.responseText;
if(result){
if(xmlhttp.Status===200){
return true;
}else{
return false;
}
}else{
return false;
}
}
}
/**
* [getType description] 获取当前路径
* @return {String} 当前路径
*/
function getCurrentPath(){
var currentPageUrl = "";
if (typeof this.href === "undefined") {
currentPageUrl = document.location.toString().toLowerCase();
}else {
currentPageUrl = this.href.toString().toLowerCase();
}
}
/**
* [debounce description] 函数防抖动
* @param func {Function} 实际要执行的函数
* @param delay {Number} 执行间隔，单位是毫秒（ms）
* @param immediate {String} 是否第一次立即执行
* @return {Function} 返回一个“防抖动”函数
*/
function debounce(func, delay, immediate) {
var timer = null;
return function() {
const context = this;
const args = arguments;
if (timer) clearTimeout(timer);
if (immediate) {
// 根据距离上次触发操作的时间是否到达delay来决定是否要现在执行函数
const doNow = !timer;
// 每一次都重新设置timer，就是要保证每一次执行的至少delay秒后才可以执行
timer = setTimeout(function() {
timer = null;
}, delay);
// 立即执行
if (doNow) {
func.apply(context, args);
}
} else {
timer = setTimeout(function() {
func.apply(context, args);
}, delay);
}
};
}
/**
* [throttle description] 函数节流
* @param func {Function} 实际要执行的函数
* @param threshhold {Number} 执行间隔，单位是毫秒（ms）
* @param immediate {String} 是否第一次立即执行
* @return {Function} 返回一个“节流”函数
*/
function throttle(func, threshhold, immediate) {
// 记录是否可执行
var isRun = true;
// 定时器
var timer;
immediate = immediate || true;
// 默认间隔为 200ms
threshhold || (threshhold = 200);
// 返回的函数，每过 threshhold 毫秒就执行一次 fn 函数
return function() {
// 保存函数调用时的上下文和参数，传递给 fn
const context = this;
const args = arguments;
// 第一次执行
if (immediate && typeof timer === 'undefined') {
func();
}
if (!isRun) return;
isRun = false;
// 保证间隔时间内执行
clearTimeout(timer);
timer = setTimeout(function() {
func.apply(context, args);
isRun = true;
}, threshhold);
};
}
/**
* [appendQuery description] 给url添加query参数
* @param url {String} 需要添加的url
* @param query {String} 添加的query，一般为'name=value'
* @return {String} 返回新url
*/
function appendQuery(url, query) {
if (!query) {
return url;
}
var search;
var a = document.createElement("a");
a.href = url;
if (a.search) {
search = a.search + "&" + query;
} else {
search = "?" + query;
}
return a.protocol + "//" + a.host + a.pathname + search + a.hash;
}
/**
* [objToQuery description] 将object转换成query形式
* @param obj {Object} 需要转换的object
* @return {String} 返回query形式的字符串
*/
function objToQuery(obj) {
return Object.keys(obj).map(function(k) {
return [k, obj[k]].join('=');
}).join('&');
}
/**
* [cloneDeep description] 深度克隆object
* @param obj {Object} 需要克隆的object
* @return {Object} 克隆之后的新Object
*/
function cloneDeep(obj) {
return JSON.parse(JSON.stringify(obj));
}
/**
* [getBrowserName description] 获取当前浏览器的名称
* @return {String} 浏览器名称
*/
function getBrowserName() {
var browserName = "Other";
var ua = window.navigator.userAgent;
var browserRegExp = {
Wechat: /micromessenger/,
QQBrowser: /qqbrowser/,
UC: /ubrowser|ucbrowser|ucweb/,
Shoujibaidu: /baiduboxapp|baiduhd|bidubrowser|baidubrowser/,
SamsungBrowser: /samsungbrowser/,
MiuiBrowser: /miuibrowser/,
Sogou : /sogoumobilebrowser|sogousearch/,
Explorer2345 : /2345explorer|2345chrome|mb2345browser/,
Liebao : /lbbrowser/,
Weibo: /__weibo__/,
OPPO: /oppobrowser/,
toutiao: /newsarticle/,
MobileQQ: /mobile.*qq/,
Firefox: /firefox/,
Maxthon: /maxthon/,
Se360: /360se/,
Ee360: /360ee/,
Safari: /(iphone|ipad).*version.*mobile.*safari/,
Chrome: /chrome|crios/,
AndroidBrowser: /android.*safari|android.*release.*browser/
};
for (var i in browserRegExp) {
if (browserRegExp[i].exec(ua.toLowerCase())) {
browserName = i;
break;
}
}
return browserName;
}
/**
* [getSystem description] 获取当前操作系统
* @return {String} 操作系统名称+版本
*/
function getSystem() {
var result = 'Android',
ua = navigator.userAgent;
if (ua.match(/(Android)\s+([\d.]+)/))
return 'Android_' + ua.match(/(Android)\s+([\d.]+)/)[2];
if (ua.match(/(iPad).*OS\s([\d_]+)/) || ua.match(/(iPhone\sOS)\s([\d_]+)/))
return result = 'iOS_' + (ua.match(/(iPad).*OS\s([\d_]+)/) ? ua.match(/(iPad).*OS\s([\d_]+)/)[2] : ua.match(/(iPhone\sOS)\s([\d_]+)/)[2]);
if (ua.match(/Windows Phone/))
return result = 'WP';
return result;
}
/**
* [getDevice description] 获取当前设备类型
* @return {String} 设备类型
*/
function getDevice() {
var deviceName = 'PC',
ua = navigator.userAgent;
var iPad = ua.match(/(iPad).*OS\s([\d_]+)/);
var iPhone = ua.match(/(iPhone\sOS)\s([\d_]+)/);
var Android = ua.match(/(Android)\s+([\d.]+)/);
var WP = ua.match(/(Windows Phone)\s+([\d.]+)/);
if (iPad) {
deviceName = 'iPad';
}
if (iPhone) {
deviceName = 'iPhone';
}
if (Android) {
if (!ua.toLowerCase().match(/mobile/)) {
deviceName = 'Pad';
} else if (ua.match(/chrome\/([\d.]+)/) && ua.toLowerCase().match(/mobile/)) {
deviceName = 'Phone';
} else if (ua.toLowerCase().match(/firefox\/([\d.]+)/) && ua.toLowerCase().match(/mobile/)) {
deviceName = 'Phone';
} else {
deviceName = 'Phone';
}
}
if (WP) {
deviceName = 'Phone';
}
return deviceName;
}
/**
* [getNetType description] 获取当前网络类型
* @return {String} 网络类型
*/
function getNetType(){
var netMatch = ua.match(/NetType\/([^\s]*)/i),
netType = "WIFI";
if (netMatch) netType = netMatch[1];
return netType;
}