记录一些项目中常用的公共方法

// 格式化时间
function parseTime(time, cFormat) {
	if (arguments.length === 0) {
		return null
	}
	const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
	let date
	if (typeof time === 'object') {
		date = time
	} else {
		if (typeof time === 'string' && isIos()) {
			time = time.replace(/\-/g, '/')
		}
		if (('' + time).length === 10) time = parseInt(time) * 1000
		date = new Date(time)
	}
	if (date.getTime() === 0) {
		return '-'
	}
	const formatObj = {
		y: date.getFullYear(),
		m: date.getMonth() + 1,
		d: date.getDate(),
		h: date.getHours(),
		i: date.getMinutes(),
		s: date.getSeconds(),
		a: date.getDay()
	}
	const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
		let value = formatObj[key]
		// Note: getDay() returns 0 on Sunday
		if (key === 'a') {
			return ['日', '一', '二', '三', '四', '五', '六'][value]
		}
		if (result.length > 0 && value < 10 && key === 'd') {
			value = '0' + value
		}
		return value.toString().padStart(2, '0')
	})
	return time_str
}
// 使用　　

parseTime(new Date().getTime(), '{y}-{m}-{d}') // 结果 2020-05-10

　

//防抖 延迟执行
const debounce = (fn, delay = 500) => {
	let timer
	return function() {
		let args = arguments
		if (timer) clearTimeout(timer)
		timer = setTimeout(() => {
			timer = null
			fn.apply(this, args)
		}, delay)
	}
}

//节流 每delay毫秒仅执行一次fn
const throttle = (fn, delay = 1000) => {
	let last = 0
	return function() {
		let now = new Date()
		if (now - last > delay) {
			fn.apply(this, arguments)
			last = now
		}
	}
}

　　

// uni-app使用html5+创建一个确认弹框　　

const confirm = (opt = {}) => {
	let pageWidth = uni.getSystemInfoSync().screenWidth; // 屏幕宽度
	let pageHeight = uni.getSystemInfoSync().screenHeight; // 屏幕高度
	let contentWidth = pageWidth * 0.7; // 弹窗宽度
	let contentHeight = opt.height || 180; // 弹窗高度
	let btnHeight = 50; // 按钮高度
	let title = opt.title || '提示';
	let content = opt.content || '确定继续当前操作吗？';
	let cancelBtnText = opt.cancelBtnText || '取消';
	let confirmBtnText = opt.confirmBtnText || '确定';
	
	// 创建蒙版层
	let maskView = new plus.nativeObj.View('maskView');
	maskView.drawRect({color: "rgba(2, 15, 10, .3)"});
	// 创建内容区域
	let contentView = new plus.nativeObj.View('contentView',{
		top:`${(pageHeight - contentHeight) / 2}px`,
		left:`${(pageWidth - contentWidth) / 2}px`,
		width:`${contentWidth}px`,
		height:`${contentHeight}px`,
	});
	let tagList = []; // 所有节点集合
	// 填充颜色，设置圆角
	tagList.push({
		id: 'xgContent',
		tag: 'rect',
		rectStyles: {color: "#fff",radius: '10px'}
	})
	// 创建弹窗标题
	tagList.push({
		id: 'xgTitle',
		tag: 'font',
		text: title,
		position: {top:'10px',left:'10px',width:'100%',height:'20px'}, // 控件区域位置的起点和宽高
		textStyles: {align:'left',size:'16px',color:'#333'}, // 文本样式
	})
	// 创建显示的文本内容
	tagList.push({
		id: 'xgContentBody',
		tag: 'font',
		text: content,
		position: {top: '30px',left: '10px',width: `${contentWidth - 20}px`,height:`${(contentHeight - btnHeight - 40)}px`},
		textStyles: {align:'center',size:'16px',color:'#333',whiteSpace: "normal",overflow:'ellipsis'},
	})
	// 创建按钮，弹窗左下的按钮
	let cancelBtnPosition = {bottom:'0',left:'0',width:'50%',height:`${btnHeight}px`};
	tagList.push({
		id: 'xgCancel',
		tag: 'rect',
		rectStyles: {radius: '10px'},
		position: cancelBtnPosition,
	})
	tagList.push({
		id: 'xgCancelBtnText',
		tag: 'font',
		text: cancelBtnText,
		position: cancelBtnPosition,
		textStyles: {align:'center',size:'16px',color:'#aaa'},
	})
	// 弹窗右下的按钮
	let confirmBtnPosition = {bottom:'0',left:'50%',width:'50%',height:`${btnHeight}px`};
	tagList.push({
		id: 'xgConfirm',
		tag: 'rect',
		rectStyles: {radius: '10px'},
		position: confirmBtnPosition,
	})
	tagList.push({
		id: 'xgConfirmBtnText',
		tag: 'font',
		text: confirmBtnText,
		position: confirmBtnPosition,
		textStyles: {align:'center',size:'16px',color:'#ffa515'},
	})
	
	// 弹窗上面和中间的线条
	// contentView.drawRect({color: "#ddd"}, {bottom:'0',left:'50%',width:'1px',height:`${btnHeight}px`});
	// contentView.drawRect({color: "#ddd"}, {bottom:`${btnHeight}px`,left:'0',width:'100%',height:'1px'});
	tagList.push({
		tag: 'rect',
		color: "#ddd",
		position: {bottom:`${btnHeight}px`,left:'0',width:'100%',height:'1px'},
	})
	tagList.push({
		tag: 'rect',
		color: "#ddd",
		position: {bottom:'0',left:'50%',width:'1px',height:`${btnHeight}px`},
	})
	contentView.draw(tagList)
	// 确定或取消的按钮事件
	contentView.addEventListener('click',(e)=>{
		// 需要计算点击的位置来判断是确定还是取消事件
		if(e.clientY > contentHeight - btnHeight){
			if(e.clientX < contentWidth / 2){ // 取消事件
				if(opt.cancel && typeof opt.cancel === 'function') opt.cancel()
			}else{ // 确定事件
				if(opt.confirm && typeof opt.confirm === 'function') opt.confirm()
			}
			// 不管是确定还是取消，都关闭弹窗
			maskView.hide();
			contentView.hide();
		}
	})
	maskView.addEventListener('click',(e)=>{
		if(opt.maskClose){
			maskView.hide();
			contentView.hide();
		}
	})
	maskView.show();
	contentView.show();
}

　　

// 深度克隆
function deepClone (obj) {
	// 对常见的“非”值，直接返回原来值
	if([null, undefined, NaN, false].includes(obj)) return obj;
    if(typeof obj !== "object" && typeof obj !== 'function') {
		//原始类型直接返回
        return obj;
    }
    var o = isArray(obj) ? [] : {};
    for(let i in obj) {
        if(obj.hasOwnProperty(i)){
            o[i] = typeof obj[i] === "object" ? deepClone(obj[i]) : obj[i];
        }
    }
    return o;
}

　　

//json参数转url参数
export const jsonToQuery = (param) => {
	if(!param || typeof param!=='object' || Object.keys(param).length==0){
		return ''
	}
	let arr = []
	let keys = Object.keys(param)
	for(let i of keys){
		let t = i+'='+param[i]
		arr.push(t)
	}
	return arr.join('&')
}
//url参数转json参数
export const urlToJson = (url) => {
	let path = url
	let param = {}
	if (url.indexOf('?') != -1) {
		path = url.substr(0, url.indexOf('?'))
		let arr = url.split("?")[1].split("&")  
		arr.forEach(i=>{
			if (i.split("=")[1] && i.split("=")[1] != 'undefined') param[i.split("=")[0]] = i.split("=")[1]
		})
	} 
	return { path, param }
}
//url获取指定参数
export const getQuery = (key) => {
	 let query = window.location.search.substring(1);
	 let vars = query.split("&");
	 for (let i=0;i<vars.length;i++) {
		let pair = vars[i].split("=");
		if (pair[0] == key) {return pair[1];}
	 }
	 return(false)
}

　　先这样，后面有补充再加