/*
|
* @Author: 丘骏_jun
|
* @Date: 2019-11-21 10:59:17
|
* @Last Modified by: 丘骏_jun
|
* @Last Modified time: 2019-12-30 16:29:45
|
*/
|
// 通用function，通过全局安装，或import引用调用
|
|
let scrollBarWidth // 滚动条宽度
|
// 获取浏览器滚动条宽度
|
function getScrollBarWidth () {
|
if (scrollBarWidth !== undefined) return scrollBarWidth;
|
|
const outer = document.createElement('div');
|
outer.className = 'el-scrollbar__wrap';
|
outer.style.visibility = 'hidden';
|
outer.style.width = '100px';
|
outer.style.position = 'absolute';
|
outer.style.top = '-9999px';
|
document.body.appendChild(outer);
|
|
const widthNoScroll = outer.offsetWidth;
|
outer.style.overflow = 'scroll';
|
|
const inner = document.createElement('div');
|
inner.style.width = '100%';
|
outer.appendChild(inner);
|
|
const widthWithScroll = inner.offsetWidth;
|
outer.parentNode.removeChild(outer);
|
scrollBarWidth = widthNoScroll - widthWithScroll;
|
|
return scrollBarWidth;
|
}
|
// 获取最近样式
|
// function getCurrentStyle (obj, prop) {
|
// if (obj.currentStyle) {
|
// return obj.currentStyle[prop];
|
// } else if (window.getComputedStyle) {
|
// prop = prop.replace(/([A-Z])/g, "-$1");
|
// prop = prop.toLowerCase();
|
// return document.defaultView.getComputedStyle(obj, null)[prop];
|
// }
|
// return null;
|
// }
|
// // 判断是否有滚动条
|
// function hasScrollBar (obj) {
|
// return getCurrentStyle(obj, 'overflow') == 'hidden'
|
// ? 0
|
// : document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
|
// }
|
|
// 日期格式化
|
Date.prototype.format = function(format){
|
var o = {
|
"M+" : this.getMonth()+1, //month
|
"d+" : this.getDate(), //day
|
"H+" : this.getHours(), //hour
|
"m+" : this.getMinutes(), //minute
|
"s+" : this.getSeconds(), //second
|
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
|
"S" : this.getMilliseconds() //millisecond
|
};
|
|
if(/(y+)/.test(format)) {
|
format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
|
}
|
|
for(var k in o) {
|
if(new RegExp("("+ k +")").test(format)) {
|
format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
|
}
|
}
|
return format;
|
};
|
|
// 消除字符串多余空格
|
if (!String.prototype.trim) {
|
String.prototype.trim = function () {
|
return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
|
};
|
}
|
|
/**
|
* 获取本地缓存 localStorage
|
* @param {string} key storage 标记
|
* @return {*} 值
|
*/
|
function getLocalStorage(key){
|
if (!key) {
|
return
|
}
|
var result = localStorage.getItem(key) || ''
|
try {
|
result = JSON.parse(result)
|
} catch(e) {
|
|
}
|
return result
|
}
|
|
/**
|
* 获取本地缓存 sessionStorage
|
* @param {string} key storage 标记
|
* @return {*} 值
|
*/
|
function getSessionStorage(key){
|
var result = sessionStorage.getItem(key) || ''
|
try {
|
result = JSON.parse(result)
|
} catch(e) {
|
|
}
|
return result
|
}
|
|
/**
|
* 保存本地缓存 localStorage
|
* @param {string} key storage 标记
|
* @param {*} value 值
|
*/
|
function setLocalStorage(key, value){
|
if (typeof value === 'object') {
|
value = JSON.stringify(value)
|
}
|
localStorage.setItem(key, value)
|
}
|
|
/**
|
* 保存本地缓存 sessionStorage
|
* @param {string} key storage 标记
|
* @param {*} value 值
|
*/
|
function setSessionStorage(key, value){
|
if (typeof value === 'object') {
|
value = JSON.stringify(value)
|
}
|
sessionStorage.setItem(key, value)
|
}
|
|
/**
|
* 移除本地缓存 localStorage
|
* @param {string} key storage 标记
|
*/
|
function removeLocalStorage(key){
|
localStorage.removeItem(key)
|
}
|
|
/**
|
* 移除本地缓存 sessionStorage
|
* @param {string} key storage 标记
|
*/
|
function removeSessionStorage(key){
|
sessionStorage.removeItem(key)
|
}
|
|
/**
|
* 输入的价格限制在两位小数
|
* @param {string} number 价格
|
* @return {string} 过滤后的价格
|
*/
|
function toFixed2 (number) {
|
number += ''
|
if (number == '') {
|
return ''
|
}
|
if (isNaN(number)) {
|
return ''
|
}
|
|
if (number.indexOf('.')>-1) {
|
var arr = number.split('.')
|
if (arr[1].length>2) {
|
arr[1] = arr[1].substring(0, 2)
|
}
|
number = arr[0] + '.' + arr[1]
|
return number
|
}
|
|
return number
|
}
|
/**
|
* 价格转，分，为单位
|
* @param {string|number} price
|
*/
|
function amountFen (price) {
|
return parseInt(price*100)
|
}
|
|
/**
|
* 获取查询字符串
|
* @param {string} name
|
* @param {string} url 默认 location.href
|
*/
|
function getQueryString(name, url){
|
url = url || location.href
|
|
url = url.replace(/\#\S*/g, '')
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
var r = /\?/.test(url) && url.split('?')[1].match(reg);
|
if(r != null) {
|
return r[2];
|
}
|
return "";
|
}
|
|
// 全局缓存
|
var g_el = null
|
/**
|
* 绑定div滚动到底部
|
* @param {dom} el
|
* @param {function} callback
|
*/
|
function onReachBottom (el, callback) {
|
let offsetHeight = el.offsetHeight || window.outerHeight
|
let isWindow = el === window
|
g_el = el
|
|
el.onscroll = ()=>{
|
let scrollTop = isWindow ? document.documentElement.scrollTop : el.scrollTop
|
let scrollHeight = isWindow ? document.body.scrollHeight : el.scrollHeight
|
// console.log(scrollTop, scrollHeight)
|
// console.log(offsetHeight, scrollTop, scrollHeight)
|
if ((offsetHeight + scrollTop) - scrollHeight >= -1) {
|
typeof callback === 'function' && callback()
|
}
|
}
|
}
|
/**
|
* 取消绑定
|
* @param {dom} el
|
*/
|
function offReachBottom (el) {
|
el = el || g_el
|
el.onscroll = null
|
g_el = null
|
}
|
/**
|
* 生成唯一id
|
*/
|
function uuid () {
|
var s = []
|
var hexDigits = '0123456789abcdef'
|
for (var i = 0; i < 36; i++) {
|
s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1)
|
}
|
s[14] = '4';
|
s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
|
|
s[8] = s[13] = s[18] = s[23] = '-'
|
var uuid = s.join('')
|
return uuid
|
}
|
|
/**
|
* 替换当前链接，无返回
|
* @param {string} href
|
*/
|
function urlReplace (href) {
|
if (!href) {
|
return;
|
}
|
if (href && /^#|javasc/.test(href) === false) {
|
if (history.replaceState) {
|
history.replaceState(null, document.title, href.split('#')[0] + '#');
|
location.replace(href);
|
} else {
|
location.replace(href);
|
}
|
}
|
};
|
|
var fn = {
|
getLocalStorage,
|
getSessionStorage,
|
setLocalStorage,
|
setSessionStorage,
|
removeLocalStorage,
|
removeSessionStorage,
|
|
// 判断是否有滚动条，并获取滚动宽度
|
// getScrollBarWidth () {
|
// return hasScrollBar(document.body) ? getScrollBarWidth() : 0
|
// },
|
getScrollBarWidth,
|
|
toFixed2,
|
amountFen,
|
|
getQueryString,
|
onReachBottom,
|
offReachBottom,
|
|
uuid,
|
urlReplace,
|
|
/**
|
* 深拷贝
|
* @param {object} obj 被复制的对象
|
* @return {object} 复制完成的对象
|
*/
|
deepCopyFN (obj) {
|
if (typeof obj !== 'object') {
|
return obj
|
}
|
|
let cloneObj = {}
|
switch (obj.constructor) {
|
case Array:
|
cloneObj = []
|
case Object:
|
for (var property in obj) {
|
cloneObj[property] = typeof obj[property] === 'object' ? this.deepCopyFN(obj[property]) : obj[property]
|
}
|
break
|
case Map:
|
cloneObj = new Map()
|
obj.forEach((value, key) => {
|
cloneObj.set(key, typeof value === 'object' ? this.deepCopyFN(value) : value)
|
})
|
break
|
case Set:
|
cloneObj = new Set()
|
obj.forEach(value => {
|
cloneObj.add(typeof value === 'object' ? this.deepCopyFN(value) : value)
|
})
|
break
|
}
|
return cloneObj
|
},
|
}
|
export default fn
|
