/** * 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 || !time) { return null } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time } else { if ((typeof time === 'string')) { if ((/^[0-9]+$/.test(time))) { // support "1548221490638" time = parseInt(time) } else { // support safari // https://stackoverflow.com/questions/4310953/invalid-date-in-safari time = time.replace(new RegExp(/-/gm), '/') } } 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 param2Obj(url) { const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') if (!search) { return {} } const obj = {} const searchArr = search.split('&') searchArr.forEach(v => { const index = v.indexOf('=') if (index !== -1) { const name = v.substring(0, index) const val = v.substring(index + 1, v.length) obj[name] = val } }) return obj } export function deepCopy(data) { //string,number,bool,null,undefined,symbol //object,array,date if (data && typeof data === "object") { //针对函数的拷贝 if (typeof data === "function") { let tempFunc = data.bind(null); tempFunc.prototype = deepCopy(data.prototype); return tempFunc; } switch (Object.prototype.toString.call(data)) { case "[object String]": return data.toString(); case "[object Number]": return Number(data.toString()); case "[object Boolean]": return Boolean(data.toString()); case "[object Date]": return new Date(data.getTime()); case "[object Array]": let arr = []; for (let i = 0; i < data.length; i++) { arr[i] = deepCopy(data[i]); } return arr; //js自带对象或用户自定义类实例 case "[object Object]": let obj = {}; for (let key in data) { //会遍历原型链上的属性方法,可以用hasOwnProperty来控制 (obj.hasOwnProperty(prop) obj[key] = deepCopy(data[key]); } return obj; } } else { //string,number,bool,null,undefined,symbol return data; } } export function throttle(fn, interval, immediate=true) { // 1.记录上一次的开始时间 let lastTime = 0 // 2.事件触发时, 真正执行的函数 return function(...args) { // 2.1.获取当前事件触发时的时间 const nowTime = new Date().getTime() //当lastTime为0时且第一次不执行,此时 remainTime = interval - (nowTime - lastTime) = interval > 0 if (!lastTime && !immediate) lastTime = nowTime//决定第一次是否执行函数 // 2.2.使用当前触发的时间和之前的时间间隔以及上一次开始的时间, 计算出还剩余多长事件需要去触发函数 const remainTime = interval - (nowTime - lastTime) if (remainTime <= 0) { // 2.3.真正触发函数 fn.apply(this, args) // 2.4.保留上次触发的时间 lastTime = nowTime } } }