/** * Created by PanJiaChen on 16/11/18. */ /** * Parse the time to string * @param {(Object|string|number)} time * @param {string} cFormat * @returns {string | null} */ export 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') && (/^[0-9]+$/.test(time))) { time = parseInt(time) } if ((typeof time === 'number') && (time.toString().length === 10)) { time = time * 1000 } date = new Date(time) } 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(/{([ymdhisa])+}/g, (result, key) => { const value = formatObj[key] // Note: getDay() returns 0 on Sunday if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] } return value.toString().padStart(2, '0') }) return time_str } /** * @param {number} time * @param {string} option * @returns {string} */ export function formatTime(time, option) { if (('' + time).length === 10) { time = parseInt(time) * 1000 } else { time = +time } const d = new Date(time) const now = Date.now() const diff = (now - d) / 1000 if (diff < 30) { return '刚刚' } else if (diff < 3600) { // less 1 hour return Math.ceil(diff / 60) + '分钟前' } else if (diff < 3600 * 24) { return Math.ceil(diff / 3600) + '小时前' } else if (diff < 3600 * 24 * 2) { return '1天前' } if (option) { return parseTime(time, option) } else { return ( d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分' ) } } /** * @param {string} url * @returns {Object} */ export function getQueryObject(url) { url = url == null ? window.location.href : url const search = url.substring(url.lastIndexOf('?') + 1) const obj = {} const reg = /([^?&=]+)=([^?&=]*)/g search.replace(reg, (rs, $1, $2) => { const name = decodeURIComponent($1) let val = decodeURIComponent($2) val = String(val) obj[name] = val return rs }) return obj } /** * @param {string} input value * @returns {number} output value */ export function byteLength(str) { // returns the byte length of an utf8 string let s = str.length for (var i = str.length - 1; i >= 0; i--) { const code = str.charCodeAt(i) if (code > 0x7f && code <= 0x7ff) s++ else if (code > 0x7ff && code <= 0xffff) s += 2 if (code >= 0xDC00 && code <= 0xDFFF) i-- } return s } /** * @param {Array} actual * @returns {Array} */ export function cleanArray(actual) { const newArray = [] for (let i = 0; i < actual.length; i++) { if (actual[i]) { newArray.push(actual[i]) } } return newArray } /** * @param {Object} json * @returns {Array} */ export function param(json) { if (!json) return '' return cleanArray( Object.keys(json).map(key => { if (json[key] === undefined) return '' return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]) }) ).join('&') } /** * @param {string} url * @returns {Object} */ export function param2Obj(url) { const search = url.split('?')[1] if (!search) { return {} } return JSON.parse( '{"' + decodeURIComponent(search) .replace(/"/g, '\\"') .replace(/&/g, '","') .replace(/=/g, '":"') .replace(/\+/g, ' ') + '"}' ) } /** * @param {string} val * @returns {string} */ export function html2Text(val) { const div = document.createElement('div') div.innerHTML = val return div.textContent || div.innerText } /** * Merges two objects, giving the last one precedence * @param {Object} target * @param {(Object|Array)} source * @returns {Object} */ export function objectMerge(target, source) { if (typeof target !== 'object') { target = {} } if (Array.isArray(source)) { return source.slice() } Object.keys(source).forEach(property => { const sourceProperty = source[property] if (typeof sourceProperty === 'object') { target[property] = objectMerge(target[property], sourceProperty) } else { target[property] = sourceProperty } }) return target } /** * @param {HTMLElement} element * @param {string} className */ export function toggleClass(element, className) { if (!element || !className) { return } let classString = element.className const nameIndex = classString.indexOf(className) if (nameIndex === -1) { classString += '' + className } else { classString = classString.substr(0, nameIndex) + classString.substr(nameIndex + className.length) } element.className = classString } /** * @param {string} type * @returns {Date} */ export function getTime(type) { if (type === 'start') { return new Date().getTime() - 3600 * 1000 * 24 * 90 } else { return new Date(new Date().toDateString()) } } /** * @param {Function} func * @param {number} wait * @param {boolean} immediate * @return {*} */ export function debounce(func, wait, immediate) { let timeout, args, context, timestamp, result const later = function() { // 据上一次触发时间间隔 const last = +new Date() - timestamp // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait if (last < wait && last > 0) { timeout = setTimeout(later, wait - last) } else { timeout = null // 如果设定为immediate===true,因为开始边界已经调用过了此处无需调用 if (!immediate) { result = func.apply(context, args) if (!timeout) context = args = null } } } return function(...args) { context = this timestamp = +new Date() const callNow = immediate && !timeout // 如果延时不存在,重新设定延时 if (!timeout) timeout = setTimeout(later, wait) if (callNow) { result = func.apply(context, args) context = args = null } return result } } /** * This is just a simple version of deep copy * Has a lot of edge cases bug * If you want to use a perfect deep copy, use lodash's _.cloneDeep * @param {Object} source * @returns {Object} */ export function deepClone(source) { if (!source && typeof source !== 'object') { throw new Error('error arguments', 'deepClone') } const targetObj = source.constructor === Array ? [] : {} Object.keys(source).forEach(keys => { if (source[keys] && typeof source[keys] === 'object') { targetObj[keys] = deepClone(source[keys]) } else { targetObj[keys] = source[keys] } }) return targetObj } /** * @param {Array} arr * @returns {Array} */ export function uniqueArr(arr) { return Array.from(new Set(arr)) } /** * @returns {string} */ export function createUniqueString() { const timestamp = +new Date() + '' const randomNum = parseInt((1 + Math.random()) * 65536) + '' return (+(randomNum + timestamp)).toString(32) } /** * Check if an element has a class * @param {HTMLElement} elm * @param {string} cls * @returns {boolean} */ export function hasClass(ele, cls) { return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')) } /** * Add class to element * @param {HTMLElement} elm * @param {string} cls */ export function addClass(ele, cls) { if (!hasClass(ele, cls)) ele.className += ' ' + cls } /** * Remove class from element * @param {HTMLElement} elm * @param {string} cls */ export function removeClass(ele, cls) { if (hasClass(ele, cls)) { const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)') ele.className = ele.className.replace(reg, ' ') } } /* * 解析地址栏参数 * * @method getQueryObj * * @param * * @return {Object} 返回query参数对象 * * */ export function getQueryObj () { let href = window.location.href let query = href.substr(href.indexOf('?') + 1) let arr = query.split('&') let queryObj = {} for (let i = 0; i < arr.length; i++) { let keyVal = arr[i].split('=') queryObj[keyVal[0]] = keyVal[1] } return queryObj } /* * String过长,中间显示点 * * @method interceptString * * @param {String} 目标字符串 * @param {Number} 目标长度后开始截取,否则返回原String * @param {Number} String开始保留长度 1开始 * @param {Number} String结尾保留长度 * * @return {String} xxx...xxx 或 xxx * */ export function interceptString (str, len, m, n) { if ((typeof str === 'string') && (typeof len === 'number') && (typeof m === 'number') && (typeof n === 'number')) { if (len <= m + n) { throw new Error('长度参数有误,开始截取长度必须大于前后保留长度的和') } if (str.length > len) { return str.substring(0, m) + '...' + str.substring(str.length - n) } else { return str } } else { throw new Error('interceptString方法,参数类型错误') } } /* * 动态检测浏览器大小 * @method windowWidth * * @return {Object} 浏览器宽度 * */ export function windowWH () { return { screenWidth: window.screen.width, // 屏幕分辨率,宽 screenHeight: window.screen.height, // 屏幕分辨率,高 screenAvailWidth: window.screen.availWidth, // 屏幕可用大小 screenAvailHeight: window.screen.availHeight, // 屏幕可用大小 clientWidth: document.body.clientWidth, // 网页可见区域宽 clientHeight: document.body.clientHeight, // 网页可见区域高 offsetWidth: document.body.offsetWidth, // 网页可见区域宽(包括边线的宽) offsetHeight: document.body.offsetHeight, // 网页可见区域高(包括边线的宽) scrollWidth: document.body.scrollWidth, // 网页正文全文宽 scrollHeight: document.body.scrollHeight, // 网页正文全文高 scrollTop: document.body.scrollTop, // 网页被卷去的高 scrollLeft: document.body.scrollLeft, // 网页被卷去的左 WinScreenTop: window.screenTop, // 网页正文部分左 WinScrollLeft: window.screenLeft, } } /* * 对象深拷贝 * @method deepCopy * @param p {Object} 拷贝对象 * @param c {Object} 可选,拷贝到c对象 * @return {Object} 拷贝对象 * */ export function deepCopy (source) { let result = {} for (let key in source) { result[key] = typeof source[key] === 'object' ? deepCopy(source[key]) : source[key] } return result } export function deepCopyJson (p) { return JSON.parse((JSON.stringify(p))) } /* * 判断为数组 * @method isArray * @param o {all} 判断的对象 * @return {Boolean} 是否为数组 * */ export function isArray (o) { return Object.prototype.toString.call(o) === '[object Array]' } export function isArray2 (arr) { return arr instanceof Array } /* * 判断对象 * @method isJsonObj * @param o {all} 判断的对象 * @return {Boolean} 是否为对象 * */ export function isJsonObj (o) { if (o instanceof Object) { return o instanceof Array ? false : true // eslint-disable-line } else { return false } } export function arrToStr (arr, attr) { // 对象数组id属性转为字符串[{id: 1},{id, 2}] to '1,2' let tempArr = [] arr.forEach(item => { tempArr.push(item[attr]) }) return tempArr.join(',') } /* * aBC 转 a_b_c * */ export function underscoreName (s) { if (!s) { return null } return s.replace(/([A-Z])/g, '_$1').toLowerCase() } /* * a_b_c 转 aBC * */ export function camelName () { } /* * 上个月1号日期 * * */ export function lastMonthDate () { // 上个月1号 var Nowdate = new Date() var vYear = Nowdate.getFullYear() var vMon = Nowdate.getMonth() + 1 // var vDay = Nowdate.getDate() // 每个月的最后一天日期(为了使用月份便于查找,数组第一位设为0) // var daysInMonth = new Array(0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31) if (vMon === 1) { vYear = Nowdate.getFullYear() - 1 vMon = 12 } else { vMon = vMon - 1 } if (vMon < 10) { vMon = '0' + vMon } var date = vYear + '-' + vMon + '-01' // console.log(date) return new Date(date) }