项目经常使用的common.js 方法
// 生成随机的uuid
export const generateUUID = function () {
let d = new Date().getTime()
const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
const r = (d + Math.random() * 16) % 16 | 0
d = Math.floor(d / 16)
return (c === 'x' ? r : (r & 0x7 | 0x8)).toString(16)
})
return uuid
}
// localstroge
export const storage = {
get: function (key) {
var value = localStorage.getItem(key)
if (value) {
try {
var value_json = JSON.parse(value)
if (typeof value_json === 'object') {
return value_json
} else if (typeof value_json === 'number') {
return value_json
}
} catch (e) {
return value
}
} else {
return false
}
},
set: function (key, value) {
localStorage.setItem(key, value)
},
remove: function (key) {
localStorage.removeItem(key)
},
clear: function () {
localStorage.clear()
}
}
//判断类型
// isType([], 'Array') // true
// isType(/\d/, 'RegExp') // true
// isType(new Date(), 'Date') // true
// isType(function(){}, 'Function') // true
// isType(Symbol(1), 'Symbol') // true
export const isType = function(target, type) {
let targetType = Object.prototype.toString.call(target).slice(8, -1).toLowerCase()
return targetType === type.toLowerCase()
}
//对象属性剔除 lodash有
// let data = {
// id: 1,
// title: 'xxx',
// comment: []
// }
// omit(data, ['id']) {title: 'xxx', comment: []}
export const omit = function(object, props=[]){
let res = {}
Object.keys(object).forEach(key=>{
if(!props.includes(key)){
res[key] = typeof object[key] === 'object' && object[key] !== null ?
JSON.parse(JSON.stringify(object[key])):
object[key]
}
})
return res
}
//对象属性选取方法
export const pick = function(object, props=[]){
let res = {}
Object.keys(object).forEach(key=>{
if(props.includes(key)){
res[key] = typeof object[key] === 'object' && object[key] !== null ?
JSON.parse(JSON.stringify(object[key])):
object[key]
}
})
return res
}
//性能分析 谷歌非标准插件
window.onload = function(){
setTimeout(()=>{
let t = performance.timing,
m = performance.memory
console.table({
'DNS查询耗时': (t.domainLookupEnd - t.domainLookupStart).toFixed(0),
'TCP链接耗时': (t.connectEnd - t.connectStart).toFixed(0),
'request请求耗时': (t.responseEnd - t.responseStart).toFixed(0),
'解析dom树耗时': (t.domComplete - t.domInteractive).toFixed(0),
'白屏时间': (t.responseStart - t.navigationStart).toFixed(0),
'domready时间': (t.domContentLoadedEventEnd - t.navigationStart).toFixed(0),
'onload时间': (t.loadEventEnd - t.navigationStart).toFixed(0),
'js内存使用占比': m ? (m.usedJSHeapSize / m.totalJSHeapSize * 100).toFixed(2) + '%' : undefined
})
})
}
//检测是否为PC端浏览器
export const isPCBroswer = function() {
let e = window.navigator.userAgent.toLowerCase()
, t = "ipad" == e.match(/ipad/i)
, i = "iphone" == e.match(/iphone/i)
, r = "midp" == e.match(/midp/i)
, n = "rv:1.2.3.4" == e.match(/rv:1.2.3.4/i)
, a = "ucweb" == e.match(/ucweb/i)
, o = "android" == e.match(/android/i)
, s = "windows ce" == e.match(/windows ce/i)
, l = "windows mobile" == e.match(/windows mobile/i);
return !(t || i || r || n || a || o || s || l)
}
//对象数组根据params去重
export const deduplicationByparams = (arr, params)=> {
let set = new Set()
return arr.reduce((total, item) => {
if (!set.has(item[params])) {
set.add(item[params])
total.push(item)
}
return total
}, [])
}
//合并对象
export const deepMerge =(target, source)=> {
Object.keys(source).forEach(key => {
target[key] = target[key] && typeof target[key] === 'object' ? deepMerge(target[key], source[key]) : source[key]
})
return target
}
//小数相加
export const addNum = (num1, num2) => {
let sq1, sq2, m;
try {
sq1 = num1.toString().split('.')[1].length;
} catch (e) {
sq1 = 0;
}
try {
sq2 = num2.toString().split('.')[1].length;
} catch (e) {
sq2 = 0;
}
m = Math.pow(10, Math.max(sq1, sq2));
return (num1 * m + num2 * m) / m;
}
读取url的参数
const getURLParameters = url => (url.match(/([^?=&]+)(=([^&]*))/g) || [])
.reduce((total, item) => ({
...total,
[item.split('=')[0]]:item.split('=')[1]
}), {});
