269个常用工具函数助你提升工作效率

60次阅读

共计 72835 个字符，预计需要花费 183 分钟才能阅读完成。

// 匹配正整数
let isPositiveNum = val => {return /^[1-9]d*$/.test(val);
};
console.log(isPositiveNum(9)) //true
console.log(isPositiveNum(2.2)) //false

// 匹配负整数
 let isNegativeNum = val => {return /^-[1-9]d*$/.test(val);
 };
 console.log(isNegativeNum(-9)) //true
 console.log(isNegativeNum(2.2)) //false

// 匹配整数
let isInteger = val => {return /^(-|\+)?\d+$/.test(val);
};
console.log(isInteger(-9)) //true
console.log(isInteger(2.2)) //false

// 匹配非负浮点数
let isNotNegativeFloatNum = val => {return /^\d+(\.\d+)?$/.test(val);
};
console.log(isNotNegativeFloatNum(-9)) //false
console.log(isNotNegativeFloatNum(2.2)) //true

// 匹配由 26 个英文字母组成的字符串
let isAZaz = val => {return /^[A-Za-z]+$/.test(val);
};
console.log(isAZaz('122a')) //false
console.log(isAZaz('abc')) //true

// 匹配由 26 个英文字母的大写组成的字符串
let isAZ = val => {return /^[A-Z]+$/.test(val);
};
console.log(isAZ('Acs')) //false
console.log(isAZ('ABC')) //true

// 匹配由 26 个英文字母的小写组成的字符串
let isaz = val => {return /^[a-z]+$/.test(val);
};
console.log(isaz('Acs')) //false
console.log(isaz('abc')) //true

// 匹配电子邮件地址
let isEmailAddress = val => {return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(val) || /w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*/.test(val);
};
console.log(isEmailAddress('Acs')) //false
console.log(isEmailAddress('133@qq.com')) //true

// arrayMax: 返回数组中的最大值
// 将 Math.max()与扩展运算符 (...) 结合使用以获取数组中的最大值。let arrayMax = arr => Math.max(...arr);
let arr = [1,2,3,5];
console.log(arrayMax(arr)) //5

// arrayMin: 返回数组中的最小值
// 将 Math.min()与扩展运算符 (...) 结合使用以获取数组中的最小值。let arrayMin = arr => Math.min(...arr);
let arr = [1, 2, 3, 5];
console.log(arrayMin(arr)) //1

// chunk: 将数组块划分为指定大小的较小数组。// 使用 Array.from()创建新的数组, 这符合将生成的区块数。使用 Array.slice()将新数组的每个元素映射到 size 长度的区块。如果原始数组不能均匀拆分, 则最终的块将包含剩余的元素。let chunk = (arr, size) => Array.from({length: Math.ceil(arr.length / size)
}, (v, i) => arr.slice(i * size, i * size + size));
let arr = [1, 2, 3, 5];
console.log(chunk(arr,2)) //0: Array [1, 2],1: Array [3, 5],

// compact: 从数组中移除 falsey 值。// 使用 Array.filter()筛选出 falsey 值 (false、null、0、""、undefined 和 NaN).
let compact = arr => arr.filter(Boolean);
let arr = [false,null,0,"",undefined,NaN,1]
console.log(compact(arr)) //[1]

// countOccurrences: 计算数组中值的出现次数
// 使用 Array.reduce()在每次遇到数组中的特定值时递增计数器。let countOccurrences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
let arr = [1,2,1,2,3,3,3,3];
console.log(countOccurrences(arr,3))//4

// deepFlatten: 深拼合数组
// 使用递归。使用 Array.concat()与空数组 ([]) 和跨页运算符 (...) 来拼合数组。递归拼合作为数组的每个元素。let deepFlatten= arr => [].concat(...arr.map(v => Array.isArray(v) ? deepFlatten(v) : v));
let arr = [1, 2, [1, 2, [1, 2, [2, 3]]]];
console.log(deepFlatten(arr)) // [1, 2, 1, 2, 1, 2, 2, 3]

// difference: 返回两个数组之间的差异
// 从 b 创建 Set, 然后使用 Array.filter() on 只保留 a b 中不包含的值.
let difference = (a, b) => {const s = new Set(b);
    return a.filter(x => !s.has(x));
};
let arr = [1,2,3];
let arr2 = [2,3,4];
console.log(difference(arr,arr2))//[1]
console.log(difference(arr2,arr))//[4]

// distinctValuesOfArray: 返回数组的所有不同值
// 使用 ES6 Set 和...rest 运算符放弃所有重复的值。let distinctValuesOfArray = arr => [...new Set(arr)];
let arr = [1, 2, 3, 1, 2];
console.log(distinctValuesOfArray(arr)) // [1, 2, 3]

// everyNth: 返回数组中的每个第 n 个元素
// 使用 Array.filter()创建一个包含给定数组的每个第 n 个元素的新数组。let everyNth = (arr, nth) => arr.filter((e, i) => i % nth === 0);

// filterNonUnique：筛选出数组中的非唯一值
// 对于只包含唯一值的数组, 请使用 Array.filter()。let filterNonUnique = arr => arr.filter(i => arr.indexOf(i) === arr.lastIndexOf(i));

// flatten: 拼合数组
// 使用 Array.reduce()获取数组中的所有元素和 concat()以拼合它们
let flatten = arr => arr.reduce((a, v) => a.concat(v), []);

// falttenDepth: 将数组向上拼合到指定深度
// 使用递归, 递减 depth, 每层深度为 1。使用 Array.reduce()和 Array.concat()来合并元素或数组。基本情况下, 对于等于 1 的 depth 停止递归。省略第二个元素,depth 仅拼合到 1 的深度 (单个拼合)。// falttenDepth: (arr, depth = 1) => depth != 1 ? arr.reduce((a, v) => a.concat(Array.isArray(v) ? flattenDepth(v, depth - 1) : v), []) : arr.reduce((a, v) => a.concat(v), []),

// groupby: 根据给定函数对数组元素进行分组
// 使用 Array.map()将数组的值映射到函数或属性名。使用 Array.reduce()创建一个对象, 其中的键是从映射的结果生成的。// groupBy: (arr, func) => arr.map(typeof func === 'function' ? func : val => val[func]).reduce((acc, val, i) => {acc[val] = (acc[val] || []).concat(arr[i]); return acc; }, {}),

// head: 返回列表的头
// 使用 arr[0]可返回传递的数组的第一个元素。let head = arr => arr[0];

// initial: 返回除最后一个数组之外的所有元素
// 使用 "arr.slice(0,-1)" 返回数组的最后一个元素。let initial = arr => arr.slice(0, -1);

// initializeArrayWithRange: 初始化并填充具有指定值的数组
// 使用 Array(n)创建所需长度的数组,fill(v)以填充所需的值。可以省略 value 以使用默认值 0.
let initializeArrayWithRange = (end, start = 0) => Array.from({length: end - start}).map((v, i) => i + start);

// initializeArrayWithValues: 初始化并填充具有指定值的数组
// 使用 Array(n)创建所需长度的数组,fill(v)以填充所需的值。可以省略 value 以使用默认值 0
let initializeArrayWithValues = (n, value = 0) => Array(n).fill(value);

// intersection: 返回两个数组中存在的元素的列表
// 从 b 创建 Set, 然后使用 Array.filter()on a 只保留 b 中包含的值.
let intersection = (a, b) => {const s = new Set(b);
    return a.filter(x => s.has(x));
};

// last: 返回数组中的最后一个元素
// 使用 arr.length - 1 可计算给定数组的最后一个元素的索引并返回它
let last = arr => arr[arr.length - 1];

// mapObject: 使用函数将数组的值映射到对象, 其中键值对由原始值作为键和映射值组成
// 使用匿名内部函数范围来声明未定义的内存空间, 使用闭包来存储返回值。使用新的 Array 可将该数组与函数的映射放在其数据集上, 而逗号运算符返回第二个步骤, 而不需要从一个上下文移动到另一个环境 (由于关闭和操作顺序)。let mapObject = (arr, fn) => (a => (a = [arr, arr.map(fn)], a[0].reduce((acc, val, ind) => (acc[val] = a[1][ind], acc), {})))
    ();

// nthElement: 返回数组的第 n 个元素
// 使用 Array.slice()可获取包含第 n 个元素的数组。如果索引超出界限, 则返回[]。省略第二个参数 n, 以获取数组的第一个元素
let nthElement = (arr, n = 0) => (n > 0 ? arr.slice(n, n + 1) : arr.slice(n))[0];

// pick: 从对象中选取对应于给定键的键值对
// 使用 Array.reduce()将筛选 / 选取的密钥转换回具有相应键值对的对象 (如果在 obj 中存在该键)。let pick = (obj, arr) => arr.reduce((acc, curr) => (curr in obj && (acc[curr] = obj[curr]), acc), {});

// pull: 对原始数组进行变异, 以筛选出指定的值
// 使用 Array.filter()和 Array.includes()来拉出不需要的值。使用 Array.length = 0 可将传入的数组中的长度重置为零, 并将其设置为 Array.push(), 以便仅使用所提取的值填充它。let pull = (arr, ...args) => {let pulled = arr.filter((v, i) => !args.includes(v));
    arr.length = 0;
    pulled.forEach(v => arr.push(v));
};

// remove: 从数组中移除给定函数返回 false 的元素
//  使用 Array.filter()查找返回 truthy 值的数组元素和 Array.reduce()以使用 Array.splice()删除元素。使用三参数 (func value, index, array 调用函数).
let remove = (arr, func) => Array.isArray(arr) ? arr.filter(func).reduce((acc, val) => {arr.splice(arr.indexOf(val), 1);
    return acc.concat(val);
}, []) : [];

// sample: 返回数组中的随机元素
// 使用 Math.random()生成一个随机数, 将它与 length 相乘, 并使用数学将其舍入到最接近的整数 Math.floor()。此方法也适用于字符串
let sample = arr => arr[Math.floor(Math.random() * arr.length)];

// shuffle: 随机数组值的顺序
// 使用 Array.sort()可在比较器中使用 Math.random()重新排序元素。let shuffle = arr => arr.sort(() => Math.random() - 0.5);

// similarity: 返回两个数组中都显示的元素的数组
// 使用 filter()可删除不属于 values 的值, 使用 includes()确定.
let similarity = (arr, values) => arr.filter(v => values.includes(v));

// symmetricDifference: 返回两个数组之间的对称差
// 从每个数组创建一个 Set, 然后对它们中的每一个都使用 Array.filter(), 以便只保留其他值中不包含的数值。let symmetricDifference = (a, b) => {const sA = new Set(a),
        sB = new Set(b);
    return [...a.filter(x => !sB.has(x)), ...b.filter(x => !sA.has(x))];
};

// tail: 返回数组中的所有元素, 除第一个
// 如果数组的 length 大于 1, 则返回 arr.slice(1), 否则返回整个数组。let tail = arr => arr.length > 1 ? arr.slice(1) : arr;

// take: 返回一个数组, 其中 n 个元素从开始处移除
// 使用 Array.slice()创建数组的切片, 其中包含从开始处取出的 n 元素
let take = (arr, n = 1) => arr.slice(0, n);

// takeRight: 返回一个数组, 其中 n 个元素从末尾移除
// 使用 Array.slice()创建数组的切片, 其中包含从末尾取出的 n 元素
let takeRight = (arr, n = 1) => arr.slice(arr.length - n, arr.length);

// union: 返回在两个数组中的任意一个中存在的每个元素
// 创建一个 Set, 其中包含 a 和 b 的所有值, 并将其转换为数组。let union = (a, b) => Array.from(new Set([...a, ...b]));

// without: 筛选出数组中具有指定值之一的元素
// 使用 Array.filter()创建不包括的数组 (使用!Array.includes()) 所有给定值。let without = (arr, ...args) => arr.filter(v => !args.includes(v));

// zip: 创建基于原始数组中的位置分组的元素数组
// 使用 Math.max.apply()获取参数中最长的数组。创建一个以该长度为返回值的数组, 并使用 map 函数创建一个分组元素的数组 Array.from()如果参数数组的长度不同, 则在未找到任何值的情况下使用 undefined。let zip = (...arrays) => {const maxLength = Math.max(...arrays.map(x => x.length));
    return Array.from({length: maxLength}).map((_, i) => {
        return Array.from({length: arrays.length}, (_, k) => arrays[k][i]);
    })
};

// 从给定数组中移除一项
let removeArrayItem = function(arr, item) {
    var i = 0;
    while (i < arr.length) {if (arr[i] == item) {arr.splice(i, 1);
        } else {i++;}
    }
    return arr;
};

// 检查给定数组中是否包含某项
let contains = function(arr, item) {
    var i = arr.length;
    while (i--) {if (arr[i] === item) {return true;}
    }
    return false;
};

 /**
 * @param {string} value
  */
 export const isNoWord = value => /^[^A-Za-z]*$/g.test(value);

/**
@param {string} value
*/
export const isCHNAndEN = value => /^((?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])|(\d))+$/g.test(value);

/**
@param {string} value
*/
export const isPostcode = value => /^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\d{4}$/g.test(value);

/**
@param {string} value
*/
export const isWeChatNum = value => /^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/g.test(value);

/**
@param {string} value
*/
export const isColor16 = value => /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/g.test(value);

/**
@param {string} value
*/
export const isTrainNum = value => /^[GCDZTSPKXLY1-9]\d{1,4}$/g.test(value);

/**
@param {string} value
*/
export const isIMEI = value => /^\d{15,17}$/g.test(value);

/**
@param {string} value
*/
export const isHttpAndPort = value => /^((ht|f)tps?:\/\/)?[\w-]+(\.[\w-]+)+:\d{1,5}\/?$/g.test(value);

/**
@param {string} value
*/
export const isRightWebsite = value => /^(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/g.test(value);

/**
@param {string} value
*/
export const isCreditCode = value => /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/g.test(value);

/**
@param {string} value
*/
export const isThunderLink = value => /^thunderx?:\/\/[a-zA-Z\d]+=$/g.test(value);

/**
@param {string} value
*/
export const ised2k = value => /^ed2k:\/\/\|file\|.+\|\/$/g.test(value);

/**
@param {string} value
*/
export const isMagnet = value => /^magnet:\?xt=urn:btih:[0-9a-fA-F]{40,}.*$/g.test(value);

/**
@param {string} value
*/
export const isSubnetMask = value => /^(?:\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(?:\.(?:\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/g.test(value);

/**
@param {string} value
*/
export const isLinuxFolderPath = value => /^(\/[^/]+)+\/?$/g.test(value);

/**
@param {string} value
*/
export const isLinuxFilePath = value => /^(\/[^/]+)+$/g.test(value);

/**
@param {string} value
*/
export const isWindowsFolderPath = value => /^[a-zA-Z]:\\(?:\w+\\?)*$/g.test(value);

/**
@param {string} value
*/
export const isWindowsFilePath = value => /^[a-zA-Z]:\\(?:\w+\\)*\w+\.\w+$/g.test(value);

/**
@param {string} value
*/
export const isAShare = value => /^(s[hz]|S[HZ])(000[\d]{3}|002[\d]{3}|300[\d]{3}|600[\d]{3}|60[\d]{4})$/g.test(value);

/**
@param {string} value
*/
export const isVersion = value => /^\d+(?:\.\d+){2}$/g.test(value);

/**
@param {string} value
*/
export const isVideoUrl = value => /^https?:\/\/(.+\/)+.+(\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4))$/i.test(value);

/**
@param {string} value
*/
export const isImageUrl = value => /^https?:\/\/(.+\/)+.+(\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i.test(value);

/**
@param {string} value
*/
export const isAccountNumber = value => /^[1-9]\d{9,29}$/g.test(value);

/**
@param {string} value
*/
export const isChineseName = value => /^(?:[\u4e00-\u9fa5·]{2,16})$/g.test(value);

/**
@param {string} value
*/
export const isEnglishName = value => /(^[a-zA-Z]{1}[a-zA-Z\s]{0,20}[a-zA-Z]{1}$)/g.test(value);

/**
@param {string} value
*/
export const isLicensePlateNumberNER = value => /[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$/g.test(value);

/**
@param {string} value
*/
export const isLicensePlateNumberNNER = value => /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}[A-Z0-9]{4}[A-Z0- 9 挂学警港澳]{1}$/g.test(value);

/**
@param {string} value
*/
export const isLicensePlateNumber = value => /^(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}(?:(?:[0-9]{5}[DF])|(?:[DF](?:[A-HJ-NP-Z0-9])[0-9]{4})))|(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9 挂学警港澳]{1})$/g.test(value);

/**
@param {string} value
*/
export const isMPStrict = value => /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-7|9])|(?:5[0-3|5-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[1|8|9]))\d{8}$/g.test(value);

/**
@param {string} value
*/
export const isMPRelaxed = value => /^(?:(?:\+|00)86)?1[3-9]\d{9}$/g.test(value);

/**
@param {string} value
*/
export const isEmail = value => /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g.test(value);

/**
@param {string} value
*/
export const isLandlineTelephone = value => /\d{3}-\d{8}|\d{4}-\d{7}/g.test(value);

/**
@param {string} value
*/
export const isIDCardOld = value => /^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$/g.test(value);

/**
@param {string} value
*/
export const isIDCardNew = value => /^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}[\dXx]$/g.test(value);

/**
@param {string} value
*/
export const isIDCard = value => /(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/g.test(value);

/**
@param {string} value
*/
export const isPassport = value => /(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/g.test(value);

/**
@param {string} value
*/
export const isWebAccount = value => /^[a-zA-Z]\w{4,15}$/g.test(value);

/**
@param {string} value
*/
export const isChineseCharacter = value => /^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/g.test(value);

/**
@param {string} value
*/
export const isDecimal = value => /^\d+\.\d+$/g.test(value);

/**
@param {string} value
*/
export const isNumber = value => /^\d{1,}$/g.test(value);

/**
@param {string} value
*/
export const isQQNum = value => /^[1-9][0-9]{4,10}$/g.test(value);

/**
@param {string} value
*/
export const isNumAndStr = value => /^[A-Za-z0-9]+$/g.test(value);

/**
@param {string} value
*/
export const isEnglish = value => /^[a-zA-Z]+$/g.test(value);

/**
@param {string} value
*/
export const isCapital = value => /^[A-Z]+$/g.test(value);

/**
@param {string} value
*/
export const isLowercase = value => /^[a-z]+$/g.test(value);

export const currentURL = () => window.location.href;

/**

 * @param {*} name
 * @param {*} origin
   */
export function getUrlParam(name, origin = null) {let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    let r = null;
    if (origin == null) {r = window.location.search.substr(1).match(reg);
    } else {r = origin.substr(1).match(reg);
    }
    if (r != null) return decodeURIComponent(r[2]);
    return null;
}

 /**
     * @param {*} name
     * @param {*} origin
       */
       export function getUrlParams(name, origin = null) {
       let url = location.href;
       let temp1 = url.split('?');
       let pram = temp1[1];
       let keyValue = pram.split('&');
       let obj = {};
       for (let i = 0; i < keyValue.length; i++) {let item = keyValue[i].split('=');
       let key = item[0];
        let value = item[1];
        obj[key] = value;
    }
    return obj[name];
 
    }

 /**
     * @param {string} paramName
     * @param {string} replaceWith
       */
       export function replaceParamVal(paramName,replaceWith) {var oUrl = location.href.toString();
    var re=eval('/('+ paramName+'=)([^&]*)/gi');
    location.href = oUrl.replace(re,paramName+'='+replaceWith);
    return location.href;
    }

 /**
     * @param {string} name
       */
       export function funcUrlDel(name){
       var loca =location;
       var baseUrl = loca.origin + loca.pathname + "?";
       var query = loca.search.substr(1);
       if (query.indexOf(name)>-1) {var obj = {};
           var arr = query.split("&");
           for (var i = 0; i < arr.length; i++) {arr[i] = arr[i].split("=");
               obj[arr[i][0]] = arr[i][1];
           }
           delete obj[name];
       var url = baseUrl + JSON.stringify(obj).replace(/[\"\{\}]/g,"").replace(/\:/g,"=").replace(/\,/g,"&");
        return url
    }
    }

export function getClientHeight() {
    let clientHeight = 0;
    if (document.body.clientHeight && document.documentElement.clientHeight) {clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
    }
    else {clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
    }
    return clientHeight;
}

export function getPageViewWidth() {
    let d = document,
        a = d.compatMode == "BackCompat" ? d.body : d.documentElement;
    return a.clientWidth;
}

export function getPageWidth() {
    let g = document,
        a = g.body,
        f = g.documentElement,
        d = g.compatMode == "BackCompat" ? a : g.documentElement;
    return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);
}

export function getViewportOffset() {if (window.innerWidth) {
        return {
            w: window.innerWidth,
            h: window.innerHeight
        }
    } else {
        // ie8 及其以下
        if (document.compatMode === "BackCompat") {
            // 怪异模式
            return {
                w: document.body.clientWidth,
                h: document.body.clientHeight
            }
        } else {
            // 标准模式
            return {
                w: document.documentElement.clientWidth,
                h: document.documentElement.clientHeight
            }
        }
    }
}

export function getPageScrollTop() {
    let a = document;
    return a.documentElement.scrollTop || a.body.scrollTop;
}

export function getPageScrollLeft() {
    let a = document;
    return a.documentElement.scrollLeft || a.body.scrollLeft;
}

 /**
     * @param {*} element
       */
       export function launchFullscreen(element) {if (element.requestFullscreen) {element.requestFullscreen()
       } else if (element.mozRequestFullScreen) {element.mozRequestFullScreen()
       } else if (element.msRequestFullscreen) {element.msRequestFullscreen()
   } else if (element.webkitRequestFullscreen) {element.webkitRequestFullScreen()
    }
    }

export function exitFullscreen() {if (document.exitFullscreen) {document.exitFullscreen()
    } else if (document.msExitFullscreen) {document.msExitFullscreen()
    } else if (document.mozCancelFullScreen) {document.mozCancelFullScreen()
    } else if (document.webkitExitFullscreen) {document.webkitExitFullscreen()
    }
}

export const getScrollPosition = (el = window) => ({
    x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
    y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
});

export const smoothScroll = element =>{document.querySelector(element).scrollIntoView({behavior: 'smooth'});
};

export const scrollToTop = () => {
    const c = document.documentElement.scrollTop || document.body.scrollTop;
    if (c > 0) {window.requestAnimationFrame(scrollToTop);
        window.scrollTo(0, c - c / 8);
    }
};

export const httpsRedirect = () => {if (location.protocol !== 'https:') location.replace('https://' + location.href.split('//')[1]);
};

export const bottomVisible = () =>{
    return document.documentElement.clientHeight + window.scrollY >=
        (document.documentElement.scrollHeight || document.documentElement.clientHeight);
};

 /**
     * @param {string} url
     * @param {string} windowName
     * @param {number} width
     * @param {number} height
       */
       export function openWindow(url, windowName, width, height) {var x = parseInt(screen.width / 2.0) - width / 2.0;
       var y = parseInt(screen.height / 2.0) - height / 2.0;
       var isMSIE = navigator.appName == "Microsoft Internet Explorer";
       if (isMSIE) {
           var p = "resizable=1,location=no,scrollbars=no,width=";
           p = p + width;
           p = p + ",height=";
           p = p + height;
           p = p + ",left=";
           p = p + x;
           p = p + ",top=";
           p = p + y;
           window.open(url, windowName, p);
       } else {
           var win = window.open(
               url,
               "ZyiisPopup",
               "top=" +
               y +
               ",left=" +
               x +
               ",scrollbars=" +
               scrollbars +
               ",dialog=yes,modal=yes,width=" +
               width +
               ",height=" +
           height +
            ",resizable=no"
        );
        eval("try { win.resizeTo(width, height); } catch(e) {}");
        win.focus();}
    }

 /**
     * @param {number} width
       */
       export function AutoResponse(width = 750) {
       const target = document.documentElement;
   target.clientWidth >= 600
        ? (target.style.fontSize = "80px")
        : (target.style.fontSize = target.clientWidth / width * 100 + "px");
    }

主要为浏览器存储方面的工具函数，大部分搬运自大神火狼 1

 /**
     * 目前对象值如果是函数、RegExp 等特殊对象存贮会被忽略
     * @param {String} key  属性
 * @param {string} value 值
    */
    export const localStorageSet = (key, value) => {if (typeof (value) === 'object') value = JSON.stringify(value);
    localStorage.setItem(key, value)
    };

 /**
     * @param {String} key  属性
   */
    export const localStorageGet = (key) => {return localStorage.getItem(key)
    };

 /**
     * @param {String} key  属性
   */
    export const localStorageRemove = (key) => {localStorage.removeItem(key)
    };

 /**
     * @param {String} key  属性
     * @param {*} value 存贮值
     * @param {number} expire 过期时间, 毫秒数
       */
       export const localStorageSetExpire = (key, value, expire) => {if (typeof (value) === 'object') value = JSON.stringify(value);
    localStorage.setItem(key, value);
    setTimeout(() => {localStorage.removeItem(key)
    }, expire)
    };

 /**
     * @param {String} key  属性
     * @param {*} value 值
   */
    export const sessionStorageSet = (key, value) => {if (typeof (value) === 'object') value = JSON.stringify(value);
    sessionStorage.setItem(key, value)
    };

 /**
     * @param {String} key  属性
   */
    export const sessionStorageGet = (key) => {return sessionStorage.getItem(key)
    };

 /**
     * @param {String} key  属性
   */
    export const sessionStorageRemove = (key) => {sessionStorage.removeItem(key)
    };

 /**
     * @param {String} key  属性
     * @param {*} value 存贮值
     * @param {String} expire 过期时间, 毫秒数
       */
       export const sessionStorageSetExpire = (key, value, expire) => {if (typeof (value) === 'object') value = JSON.stringify(value);
    sessionStorage.setItem(key, value);
    setTimeout(() => {sessionStorage.removeItem(key)
    }, expire)
    };

 /**
     * @param {String} key  属性
     * @param {*} value  值
     * @param {String} expire  过期时间, 单位天
   */
    export const cookieSet = (key, value, expire) => {const d = new Date();
    d.setDate(d.getDate() + expire);
    document.cookie = `${key}=${value};expires=${d.toUTCString()}`
    };

 /**
     * @param {String} key  属性
       */
       export const cookieGet = (key) => {const cookieStr = unescape(document.cookie);
       const arr = cookieStr.split(';');
       let cookieValue = '';
       for (let i = 0; i < arr.length; i++) {const temp = arr[i].split('=');
           if (temp[0] === key) {cookieValue = temp[1];
               break
       }
    }
    return cookieValue
    };

 /**
     * @param {String} key  属性
   */
    export const cookieRemove = (key) => {document.cookie = `${encodeURIComponent(key)}=;expires=${new Date()}`
    };

这里包含了平时可能常用的工具函数，包含数字，字符串，数组和对象等等操作。

/**
 *  @param {number} num
    */
    export const formatMoney = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

export function subText(str, length) {if (str.length === 0) {return '';}
    if (str.length > length) {return str.substr(0, length) + "...";
    } else {return str;}
}

 /**
     * @param file
     * @param format  指定文件格式
     * @param size  指定文件大小(字节)
     * @param formatMsg 格式错误提示
     * @param sizeMsg   大小超出限制提示
     * @returns {Promise<any>}
       */
       export function fileToBase64String(file, format = ['jpg', 'jpeg', 'png', 'gif'], size = 20 * 1024 * 1024, formatMsg = '文件格式不正确', sizeMsg = '文件大小超出限制') {return new Promise((resolve, reject) => {
           // 格式过滤
           let suffix = file.type.split('/')[1].toLowerCase();
           let inFormat = false;
           for (let i = 0; i < format.length; i++) {if (suffix === format[i]) {
                   inFormat = true;
                   break;
               }
           }
           if (!inFormat) {reject(formatMsg);
           }
           // 大小过滤
           if (file.size > size) {reject(sizeMsg);
           }
           // 转 base64 字符串
       let fileReader = new FileReader();
        fileReader.readAsDataURL(file);
        fileReader.onload = () => {
            let res = fileReader.result;
            resolve({base64String: res, suffix: suffix});
            reject('异常文件，请重新选择');
        }
    })
    }

 /**
     * @param {number} fileSize
       */
       export function formatFileSize(fileSize) {
       let temp;
       if (fileSize < 1024) {return fileSize + 'B';} else if (fileSize < (1024 * 1024)) {
           temp = fileSize / 1024;
           temp = temp.toFixed(2);
           return temp + 'KB';
       } else if (fileSize < (1024 * 1024 * 1024)) {temp = fileSize / (1024 * 1024);
           temp = temp.toFixed(2);
           return temp + 'MB';
       } else {temp = fileSize / (1024 * 1024 * 1024);
       temp = temp.toFixed(2);
        return temp + 'GB';
    }
    }

 /**
     *  @param {base64} base64
     *  @param {string} filename 转换后的文件名
        */
        export const base64ToFile = (base64, filename)=> {let arr = base64.split(',');
        let mime = arr[0].match(/:(.*?);/)[1];
        let suffix = mime.split('/')[1] ;// 图片后缀
        let bstr = atob(arr[1]);
        let n = bstr.length;
        let u8arr = new Uint8Array(n);
    while (n--) {u8arr[n] = bstr.charCodeAt(n)
     }
     return new File([u8arr], `${filename}.${suffix}`, {type: mime})
     };

/**
    *  @param {base64} base64
       */
       export const base64ToBlob = base64 => {let arr = base64.split(','),
           mime = arr[0].match(/:(.*?);/)[1],
           bstr = atob(arr[1]),
           n = bstr.length,
           u8arr = new Uint8Array(n);
       while (n--) {u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {type: mime});
    };

/**
    *  @param {blob} blob
    *  @param {string} fileName
       */
   export const blobToFile = (blob, fileName) => {blob.lastModifiedDate = new Date();
    blob.name = fileName;
    return blob;
    };

 /**
     * @param {*} file 图片文件
       */
       export const fileToBase64 = file => {let reader = new FileReader();
       reader.readAsDataURL(file);
   reader.onload = function (e) {return e.target.result};
    };

export function getTreeData(data, pid, pidName = 'parentId', idName = 'id', childrenName = 'children', key) {let arr = [];

    for (let i = 0; i < data.length; i++) {if (data[i][pidName] == pid) {data[i].key = data[i][idName];
            data[i][childrenName] = getTreeData(data, data[i][idName], pidName, idName, childrenName);
            arr.push(data[i]);
        }
    }
    
    return arr;

}

export function foreachTree(data, childrenName = 'children', callback) {for (let i = 0; i < data.length; i++) {callback(data[i]);
        if (data[i][childrenName] && data[i][childrenName].length > 0) {foreachTree(data[i][childrenName], childrenName, callback);
        }
    }
}

export function traceParentNode(pid, data, rootPid, pidName = 'parentId', idName = 'id', childrenName = 'children') {let arr = [];
    foreachTree(data, childrenName, (node) => {if (node[idName] == pid) {arr.push(node);
            if (node[pidName] != rootPid) {arr = arr.concat(traceParentNode(node[pidName], data, rootPid, pidName, idName));
            }
        }
    });
    return arr; 
}

export function traceChildNode(id, data, pidName = 'parentId', idName = 'id', childrenName = 'children') {let arr = [];
    foreachTree(data, childrenName, (node) => {if (node[pidName] == id) {arr.push(node);
            arr = arr.concat(traceChildNode(node[idName], data, pidName, idName, childrenName));
        }
    });
    return arr;
}

/**
    *  @param {object} items 后台获取的数据
*  @param {*} id 数据中的 id
 *  @param {*} link 生成树形结构的依据
    */
    export const createTree = (items, id = null, link = 'pid') =>{items.filter(item => item[link] === id).map(item => ({ ...item, children: createTree(items, item.id) }));
    };

 /** 
     * @param {*} item 
     * @param {array} data
       */
       export function inArray(item, data) {for (let i = 0; i < data.length; i++) {if (item === data[i]) {return i;}
    }
    return -1;
    }

 /**
     * @param {string} osVersion 
       */
       export function OutOsName(osVersion) {if(!osVersion){return}
       let str = osVersion.substr(0, 3);
       if (str === "5.0") {return "Win 2000"} else if (str === "5.1") {return "Win XP"} else if (str === "5.2") {return "Win XP64"} else if (str === "6.0") {return "Win Vista"} else if (str === "6.1") {return "Win 7"} else if (str === "6.2") {return "Win 8"} else if (str === "6.3") {return "Win 8.1"} else if (str === "10.") {return "Win 10"} else {return "Win"}
    }

/**
    *  0: ios
    *  1: android
    *  2: 其它
       */
       export function getOSType() {
       let u = navigator.userAgent, app = navigator.appVersion;
       let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
       let isIOS = !!u.match(/\(i[^;]+;(U;)? CPU.+Mac OS X/);
       if (isIOS) {return 0;}
    if (isAndroid) {return 1;}
    return 2;
    }

 /**
     * @param {function} func
    
     * @param {number} wait 延迟执行毫秒数
    
 * @param {boolean} immediate  true 表立即执行，false 表非立即执行
       */
       export function debounce(func,wait,immediate) {
       let timeout;
       return function () {
           let context = this;
           let args = arguments;
    
           if (timeout) clearTimeout(timeout);
           if (immediate) {
               let callNow = !timeout;
               timeout = setTimeout(() => {timeout = null;}, wait);
               if (callNow) func.apply(context, args)
       }
        else {timeout = setTimeout(() => {func.apply(context, args)
            }, wait);
        }
 
    }
    }

 /**
     * @param {function} func 函数
    
     * @param {number} wait 延迟执行毫秒数
    
     * @param {number} type 1 表时间戳版，2 表定时器版
       */
       export function throttle(func, wait ,type) {
       let previous, timeout;
       if(type===1){previous = 0;}else if(type===2){timeout = null;}
       return function() {
           let context = this;
           let args = arguments;
           if(type===1){let now = Date.now();
    
               if (now - previous > wait) {func.apply(context, args);
                   previous = now;
               }
           }else if(type===2){if (!timeout) {timeout = setTimeout(() => {
                   timeout = null;
                    func.apply(context, args)
                }, wait)
            }
        }
 
    }
    }

 /**
     * @param {*} target 
       */
       export function type(target) {let ret = typeof(target);
       let template = {"[object Array]": "array",
           "[object Object]":"object",
           "[object Number]":"number - object",
       "[object Boolean]":"boolean - object",
           "[object String]":'string-object'
       };
    
       if(target === null) {return 'null';}else if(ret == "object"){let str = Object.prototype.toString.call(target);
           return template[str];
   }else{return ret;}
    }

 /**
  * @param {number} min 
  * @param {number} max 
    */
    export const RandomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

 /**
     * @param {array} arr
       */
       export function arrScrambling(arr) {
       let array = arr;
       let index = array.length;
       while (index) {
           index -= 1;
           let randomIndex = Math.floor(Math.random() * index);
           let middleware = array[index];
           array[index] = array[randomIndex];
       array[randomIndex] = middleware
    }
    return array
    }

 /**
  * @param {array} arr1
  * @param {array} arr2
    */
    export const similarity = (arr1, arr2) => arr1.filter(v => arr2.includes(v));

 /**

     * @param {array} arr
 * @param {*} value
    */
    export function countOccurrences(arr, value) {return arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
    }

 /**
     * @param {number} arg1
     * @param {number} arg2
       */
       export function add(arg1, arg2) {
       let r1, r2, m;
   try {r1 = arg1.toString().split(".")[1].length } catch (e) {r1 = 0}
    try {r2 = arg2.toString().split(".")[1].length } catch (e) {r2 = 0}
    m = Math.pow(10, Math.max(r1, r2));
    return (arg1 * m + arg2 * m) / m
    }

 /**
     * @param {number} arg1
     * @param {number} arg2
       */
       export function sub(arg1, arg2) {
       let r1, r2, m, n;
       try {r1 = arg1.toString().split(".")[1].length } catch (e) {r1 = 0}
   try {r2 = arg2.toString().split(".")[1].length } catch (e) {r2 = 0}
    m = Math.pow(10, Math.max(r1, r2));
    n = (r1 >= r2) ? r1 : r2;
    return Number(((arg1 * m - arg2 * m) / m).toFixed(n));
    }

 /**
     * @param {number} num1
     * @param {number} num2
       */
       export function division(num1,num2){
       let t1,t2,r1,r2;
       try{t1 = num1.toString().split('.')[1].length;
       }catch(e){t1 = 0;}
       try{t2=num2.toString().split(".")[1].length;
       }catch(e){t2=0;}
    r1=Number(num1.toString().replace(".",""));
    r2=Number(num2.toString().replace(".",""));
    return (r1/r2)*Math.pow(10,t2-t1);
    }

 /**
     * @param {number} num1
     * @param {number} num2
       */
       export function mcl(num1,num2){let m=0,s1=num1.toString(),s2=num2.toString();
    try{m+=s1.split(".")[1].length}catch(e){}
    try{m+=s2.split(".")[1].length}catch(e){}
    return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m);
    }

 /**
     * @param {function} f
       */
       export function tco(f) {
   let value;
       let active = false;
       let accumulated = [];
    
       return function accumulator() {accumulated.push(arguments);
           if (!active) {
               active = true;
               while (accumulated.length) {value = f.apply(this, accumulated.shift());
               }
               active = false;
           return value;
        }
    };
    }

export function randomNumInteger(min, max) {switch (arguments.length) {
        case 1:
            return parseInt(Math.random() * min + 1, 10);
        case 2:
            return parseInt(Math.random() * (max - min + 1) + min, 10);
        default:
            return 0
    }
}

 /**
     * @param {string} str 待处理字符串
     * @param  {number} type 去除空格类型 1- 所有空格  2- 前后空格  3- 前空格 4- 后空格 默认为 1
       */
       export function trim(str, type = 1) {if (type && type !== 1 && type !== 2 && type !== 3 && type !== 4) return;
       switch (type) {
           case 1:
               return str.replace(/\s/g, "");
           case 2:
               return str.replace(/(^\s)|(\s*$)/g, "");
           case 3:
               return str.replace(/(^\s)/g, "");
           case 4:
           return str.replace(/(\s$)/g, "");
        default:
            return str;
    }
    }

/**
 * @param {string} str 待转换的字符串
 * @param {number} type 1- 全大写 2- 全小写 3- 首字母大写 其他 - 不转换
   */

export function turnCase(str, type) {switch (type) {
        case 1:
            return str.toUpperCase();
        case 2:
            return str.toLowerCase();
        case 3:
            return str[0].toUpperCase() + str.substr(1).toLowerCase();
        default:
            return str;
    }
}

 /**
 * 方法一
       */
       export function hexColor() {
    
       let str = '#';
       let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F'];
       for (let i = 0; i < 6; i++) {let index = Number.parseInt((Math.random() * 16).toString());
       str += arr[index]
    }
    return str;
    }

 /**
     * 方法二
       */
   export const randomHexColorCode = () => {let n = (Math.random() * 0xfffff * 1000000).toString(16);
    return '#' + n.slice(0, 6);
    };

export const escapeHTML = str =>{
    str.replace(/[&<>'"]/g,
        tag =>
            ({
                '&': '&amp;',
                '<': '&lt;',
                '>': '&gt;',
                "'":'&#39;','"': '&quot;'
            }[tag] || tag)
    );
};

export const detectDeviceType = () => { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? 'Mobile' : 'Desktop'; };

 /**
  * 例: hide(document.querySelectorAll('img'))
    */
    export const hideTag = (...el) => [...el].forEach(e => (e.style.display = 'none'));

 /**
  * @param {element} el  元素节点
  * @param {string} ruleName  指定元素的名称
    */
    export const getStyle = (el, ruleName) => getComputedStyle(el)[ruleName];

 /**
  * @param {element} parent
  * @param {element} child
  * 例：elementContains(document.querySelector('head'), document.querySelector('title')); // true
    */
    export const elementContains = (parent, child) => parent !== child && parent.contains(child);

 /**
     * @param {number} val 输入的数字
     * @param {number} maxNum 数字规定界限
       */
       export const outOfNum = (val, maxNum) =>{
       val = val ? val-0 :0;
       if (val > maxNum) {return `${maxNum}+`
    }else{return val;}
    };

 const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));

 // 事例: 隐藏页面上所有 `<img>` 元素?
 hide(document.querySelectorAll('img'))

页面 DOM 里的每个节点上都有一个 classList 对象，程序员可以使用里面的方法新增、删除、修改节点上的 CSS 类。使用 classList，程序员还可以用它来判断某个节点是否被赋予了某个 CSS 类。

 const hasClass = (el, className) => el.classList.contains(className)

 // 事例
 hasClass(document.querySelector('p.special'), 'special') // true

 const toggleClass = (el, className) => el.classList.toggle(className)

 // 事例 移除 p 具有类 `special` 的 special 类
 toggleClass(document.querySelector('p.special'), 'special')

 const getScrollPosition = (el = window) => ({
   x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
   y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
 });

 // 事例
 getScrollPosition(); // {x: 0, y: 200}

 const scrollToTop = () => {
   const c = document.documentElement.scrollTop || document.body.scrollTop;
   if (c > 0) {window.requestAnimationFrame(scrollToTop);
     window.scrollTo(0, c - c / 8);
   }
 }

 // 事例
 scrollToTop()

window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。requestAnimationFrame：优势：由系统决定回调函数的执行时机。60Hz 的刷新频率，那么每次刷新的间隔中会执行一次回调函数，不会引起丢帧，不会卡顿。window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。requestAnimationFrame：优势：由系统决定回调函数的执行时机。60Hz 的刷新频率，那么每次刷新的间隔中会执行一次回调函数，不会引起丢帧，不会卡顿。

 const elementContains = (parent, child) => parent !== child && parent.contains(child);

 // 事例
 elementContains(document.querySelector('head'), document.querySelector('title')); 
 // true
 elementContains(document.querySelector('body'), document.querySelector('body')); 
 // false

 const elementIsVisibleInViewport = (el, partiallyVisible = false) => {const { top, left, bottom, right} = el.getBoundingClientRect();
   const {innerHeight, innerWidth} = window;
   return partiallyVisible
     ? ((top > 0 && top < innerHeight) || (bottom > 0 && bottom < innerHeight)) &&
         ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
     : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
 };

 // 事例
 elementIsVisibleInViewport(el); // 需要左右可见
 elementIsVisibleInViewport(el, true); // 需要全屏 (上下左右) 可以见

 const getImages = (el, includeDuplicates = false) => {const images = [...el.getElementsByTagName('img')].map(img => img.getAttribute('src'));
   return includeDuplicates ? images : [...new Set(images)];
 };

 // 事例：includeDuplicates 为 true 表示需要排除重复元素
 getImages(document, true); // ['image1.jpg', 'image2.png', 'image1.png', '...']
 getImages(document, false); // ['image1.jpg', 'image2.png', '...']

 const detectDeviceType = () =>
   /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
     ? 'Mobile'
     : 'Desktop';

 // 事例
 detectDeviceType(); // "Mobile" or "Desktop"

 const currentURL = () => window.location.href

 // 事例
 currentURL() // 'https://google.com'

 const getURLParameters = url =>
   (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce((a, v) => ((a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), a),
     {});

 // 事例
 getURLParameters('http://url.com/page?n=Adam&s=Smith'); // {n: 'Adam', s: 'Smith'}
 getURLParameters('google.com'); // {}

 const formToObject = form =>
   Array.from(new FormData(form)).reduce((acc, [key, value]) => ({
       ...acc,

[key]: value

     }),
     {});

 // 事例
 formToObject(document.querySelector('#form')); 
 // {email: 'test@email.com', name: 'Test Name'}

 const get = (from, ...selectors) =>
   [...selectors].map(s =>
     s
       .replace(/\[([^\[\]]*)\]/g, '.$1.')
       .split('.')
       .filter(t => t !== '')
       .reduce((prev, cur) => prev && prev[cur], from)
   );
 const obj = {selector: { to: { val: 'val to select'} }, target: [1, 2, { a: 'test'}] };

 // Example
 get(obj, 'selector.to.val', 'target[0]', 'target[2].a'); 
 // ['val to select', 1, 'test']

 const delay = (fn, wait, ...args) => setTimeout(fn, wait, ...args);
 delay(function(text) {console.log(text);
   },
   1000,
   'later'
 ); 

 // 1 秒后打印 'later'

 const triggerEvent = (el, eventType, detail) =>
   el.dispatchEvent(new CustomEvent(eventType, { detail}));

 // 事例
 triggerEvent(document.getElementById('myId'), 'click');
 triggerEvent(document.getElementById('myId'), 'click', {username: 'bob'});
自定义事件的函数有 Event、CustomEvent 和 dispatchEvent
 // 向 window 派发一个 resize 内置事件
 window.dispatchEvent(new Event('resize'))


 // 直接自定义事件，使用 Event 构造函数：var event = new Event('build');
 var elem = document.querySelector('#id')
 // 监听事件
 elem.addEventListener('build', function (e) {...}, false);
 // 触发事件.
 elem.dispatchEvent(event);
CustomEvent 可以创建一个更高度自定义事件，还可以附带一些数据，具体用法如下：var myEvent = new CustomEvent(eventname, options);
 其中 options 可以是：{
   detail: {...},
   bubbles: true,    // 是否冒泡
   cancelable: false // 是否取消默认事件
 }
其中 detail 可以存放一些初始化的信息，可以在触发的时候调用。其他属性就是定义该事件是否具有冒泡等等功能。内置的事件会由浏览器根据某些操作进行触发，自定义的事件就需要人工触发。dispatchEvent 函数就是用来触发某个事件：element.dispatchEvent(customEvent);

 上面代码表示，在 element 上面触发 customEvent 这个事件。// add an appropriate event listener
 obj.addEventListener("cat", function(e) {process(e.detail) });

 // create and dispatch the event
 var event = new CustomEvent("cat", {"detail":{"hazcheeseburger":true}});
 obj.dispatchEvent(event);
 使用自定义事件需要注意兼容性问题，而使用 jQuery 就简单多了：// 绑定自定义事件
 $(element).on('myCustomEvent', function(){});

 // 触发事件
 $(element).trigger('myCustomEvent');
 // 此外，你还可以在触发自定义事件时传递更多参数信息：$("p").on("myCustomEvent", function( event, myName) {$( this).text(myName + ", hi there!");
 });
 $("button").click(function () {$( "p").trigger("myCustomEvent", [ "John"] );
 });

 const off = (el, evt, fn, opts = false) => el.removeEventListener(evt, fn, opts);

 const fn = () => console.log('!');
 document.body.addEventListener('click', fn);
 off(document.body, 'click', fn);

 const formatDuration = ms => {if (ms < 0) ms = -ms;
   const time = {day: Math.floor(ms / 86400000),
     hour: Math.floor(ms / 3600000) % 24,
     minute: Math.floor(ms / 60000) % 60,
     second: Math.floor(ms / 1000) % 60,
     millisecond: Math.floor(ms) % 1000
   };
   return Object.entries(time)
     .filter(val => val[1] !== 0)
     .map(([key, val]) => `${val} ${key}${val !== 1 ? 's' : ''}`)
     .join(',');
 };

 // 事例
 formatDuration(1001); // '1 second, 1 millisecond'
 formatDuration(34325055574); 
 // '397 days, 6 hours, 44 minutes, 15 seconds, 574 milliseconds'

 const getDaysDiffBetweenDates = (dateInitial, dateFinal) =>
   (dateFinal - dateInitial) / (1000 * 3600 * 24);

 // 事例
 getDaysDiffBetweenDates(new Date('2017-12-13'), new Date('2017-12-22')); // 9

 const httpGet = (url, callback, err = console.error) => {const request = new XMLHttpRequest();
   request.open('GET', url, true);
   request.onload = () => callback(request.responseText);
   request.onerror = () => err(request);
   request.send();};

 httpGet(
   'https://jsonplaceholder.typicode.com/posts/1',
   console.log
 ); 

 // {"userId": 1, "id": 1, "title": "sample title", "body": "my text"}

 const httpPost = (url, data, callback, err = console.error) => {const request = new XMLHttpRequest();
   request.open('POST', url, true);
   request.setRequestHeader('Content-type', 'application/json; charset=utf-8');
   request.onload = () => callback(request.responseText);
   request.onerror = () => err(request);
   request.send(data);
 };

 const newPost = {
   userId: 1,
   id: 1337,
   title: 'Foo',
   body: 'bar bar bar'
 };
 const data = JSON.stringify(newPost);
 httpPost(
   'https://jsonplaceholder.typicode.com/posts',
   data,
   console.log
 ); 

 // {"userId": 1, "id": 1337, "title": "Foo", "body": "bar bar bar"}

 const counter = (selector, start, end, step = 1, duration = 2000) => {
   let current = start,
     _step = (end - start) * step < 0 ? -step : step,
     timer = setInterval(() => {
       current += _step;
       document.querySelector(selector).innerHTML = current;
       if (current >= end) document.querySelector(selector).innerHTML = end;
       if (current >= end) clearInterval(timer);
     }, Math.abs(Math.floor(duration / (end - start))));
   return timer;
 };

 // 事例
 counter('#my-id', 1, 1000, 5, 2000); 
 // 让 `id=“my-id”` 的元素创建一个 2 秒计时器

   const el = document.createElement('textarea');
   el.value = str;
   el.setAttribute('readonly', '');
   el.style.position = 'absolute';
   el.style.left = '-9999px';
   document.body.appendChild(el);
   const selected =
     document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
   el.select();
   document.execCommand('copy');
   document.body.removeChild(el);
   if (selected) {document.getSelection().removeAllRanges();
     document.getSelection().addRange(selected);
   }
 };

 // 事例
 copyToClipboard('Lorem ipsum'); 
 // 'Lorem ipsum' copied to clipboard

 const isBrowserTabFocused = () => !document.hidden;

 // 事例
 isBrowserTabFocused(); // true

 const fs = require('fs');
 const createDirIfNotExists = dir => (!fs.existsSync(dir) ? fs.mkdirSync(dir) : undefined);

 // 事例
 createDirIfNotExists('test'); 
这里面的方法大都挺实用，可以解决很多开发过程问题，大家就好好利用起来吧。

function formatTime(date) {if(!!date){if(!(date instanceof Date))
    date = new Date(date);
    var month = date.getMonth() + 1
    var day = date.getDate()
    return `${month}月 ${day}日 `;
  }
}

function formatDay(date) {if(!!date){var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()
    return [year, month, day].map(formatNumber).join('-');
  }
}

function formatDay2(date) {if(!!date){var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()
    return [year, month, day].map(formatNumber).join('/');
  }
}

function formatWeek(date){if(!!date){var day = date.getDay();
    switch (day) {
      case 0:
        return '周日'
        break;
      case 1:
        return '周一'
        break;
      case 2:
        return '周二'
        break;
      case 3:
        return '周三'
        break;
      case 4:
        return '周四'
        break;
      case 5:
        return '周五'
        break;
      case 6:
        return '周六'
        break;
    }
  }
}

function formatHour(date){if(!!date){var hour = new Date(date).getHours();
    var minute = new Date(date).getMinutes();
    return [hour, minute].map(formatNumber).join(':');
  }
}

function timestamp(date, divisor=1000){if(date == undefined){return;}else if(typeof date == 'number'){return Math.floor(date/divisor);
  }else if(typeof date == 'string'){var strs = date.split(/[^0-9]/);
    return Math.floor(+new Date(strs[0] || 0,(strs[1] || 0)-1,strs[2] || 0,strs[3] || 0,strs[4] || 0,strs[5] || 0)/divisor);
  }else if(Date.prototype.isPrototypeOf(date)){return Math.floor(+date/divisor);
  }
}

function detimestamp(date){if(!!date){return new Date(date*1000);
  }
}

function formatNumber(n) {// 给在 0 - 9 的日期加上 0
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime,
  formatDay: formatDay,
  formatDay2: formatDay2,
  formatHour: formatHour,
  formatWeek: formatWeek,
  timestamp: timestamp,
  detimestamp: detimestamp
}

/** 
 * 时间戳转化为年 月 日 时 分 秒 
 * number: 传入时间戳 
 * format：返回格式，支持自定义，但参数必须与 formateArr 里保持一致 
*/  
function formatTime(number,format) {var formateArr  = ['Y','M','D','h','m','s'];  
  var returnArr   = [];  
  
  var date = new Date(number * 1000);  
  returnArr.push(date.getFullYear());  
  returnArr.push(formatNumber(date.getMonth() + 1));  
  returnArr.push(formatNumber(date.getDate()));  
  
  returnArr.push(formatNumber(date.getHours()));  
  returnArr.push(formatNumber(date.getMinutes()));  
  returnArr.push(formatNumber(date.getSeconds()));  
  
  for (var i in returnArr)  
  {format = format.replace(formateArr[i], returnArr[i]);  
  }  
  return format;  
} 

// 数据转化  
function formatNumber(n) {n = n.toString()  
  return n[1] ? n : '0' + n  
}  

调用示例：var sjc = 1488481383;// 时间戳
console.log(time.formatTime(sjc,'Y/M/D h:m:s'));// 转换为日期：2017/03/03 03:03:03
console.log(time.formatTime(sjc, 'h:m'));// 转换为日期：03:03

js 中获取上下文路径
    //js 获取项目根路径，如：http://localhost:8083/uimcardprj
    function getRootPath(){
        // 获取当前网址，如：http://localhost:8083/uimcardprj/share/meun.jsp
        var curWwwPath=window.document.location.href;
        // 获取主机地址之后的目录，如：uimcardprj/share/meun.jsp
        var pathName=window.document.location.pathname;
        var pos=curWwwPath.indexOf(pathName);
        // 获取主机地址，如：http://localhost:8083
        var localhostPaht=curWwwPath.substring(0,pos);
        // 获取带 "/" 的项目名，如：/uimcardprj
        var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
        return(localhostPaht+projectName);
    }

function conver(limit){  
            var size = "";  
            if(limit < 0.1 * 1024){ // 如果小于 0.1KB 转化成 B  
                size = limit.toFixed(2) + "B";    
            }else if(limit < 0.1 * 1024 * 1024){// 如果小于 0.1MB 转化成 KB  
                size = (limit / 1024).toFixed(2) + "KB";              
            }else if(limit < 0.1 * 1024 * 1024 * 1024){ // 如果小于 0.1GB 转化成 MB  
                size = (limit / (1024 * 1024)).toFixed(2) + "MB";  
            }else{ // 其他转化成 GB  
                size = (limit / (1024 * 1024 * 1024)).toFixed(2) + "GB";  
            }  
              
            var sizestr = size + "";   
            var len = sizestr.indexOf("\.");  
            var dec = sizestr.substr(len + 1, 2);  
            if(dec == "00"){// 当小数点后为 00 时 去掉小数部分  
                return sizestr.substring(0,len) + sizestr.substr(len + 3,2);  
            }  
            return sizestr;  
}

function fullScreen() {
      var el = document.documentElement;
      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;

      //typeof rfs != "undefined" && rfs
      if (rfs) {        rfs.call(el);
      } else if (typeof window.ActiveXObject !== "undefined") {
        //for IE，这里其实就是模拟了按下键盘的 F11，使浏览器全屏
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript != null) {          wscript.SendKeys("{F11}");
        }
      }
    }

    // 退出全屏
    function exitScreen() {
      var el = document;
      var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen;

      //typeof cfs != "undefined" && cfs
      if (cfs) {        cfs.call(el);
      } else if (typeof window.ActiveXObject !== "undefined") {
        //for IE，这里和 fullScreen 相同，模拟按下 F11 键退出全屏
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript != null) {          wscript.SendKeys("{F11}");
        }
      }
    }

 /**
     * 格式化时间，转化为几分钟前，几秒钟前
     * @param timestamp 时间戳，单位是毫秒
     */
    function timeFormat(timestamp) {var mistiming = Math.round((Date.now() - timestamp) / 1000);
        var arrr = ['年', '个月', '星期', '天', '小时', '分钟', '秒'];
        var arrn = [31536000, 2592000, 604800, 86400, 3600, 60, 1];
        for (var i = 0; i < arrn.length; i++) {var inm = Math.floor(mistiming / arrn[i]);
            if (inm != 0) {return inm + arrr[i] + '前';
            }
        }
    }

/**
     * 获取 n 天之前的日期 getDaysBeforeDate(10) 10 天前
     * @param day 天数
     */
    function getDaysBeforeDate(day) {var date = new Date(),
            timestamp, newDate;
        timestamp = date.getTime();
        // 获取三天前的日期
        newDate = new Date(timestamp - day * 24 * 3600 * 1000);
        var year = newDate.getFullYear();
        // 月 + 1 是因为 js 中月份是按 0 开始的
        var month = newDate.getMonth() + 1;
        var day = newDate.getDate();
        if (day < 10) { // 如果日小于 10，前面拼接 0
            day = '0' + day;
        }
        if (month < 10) { // 如果月小于 10，前面拼接 0
            month = '0' + month;
        }
        return [year, month, day].join('/');
    }

 /**
     * 获取跳转的 classId, 通过 hash 方式获取
     * @return 返回值
     */

    $scope.getQueryString = function() {var url= {},
            a = '';
        (a = window.location.search.substr(1)) || (a = window.location.hash.split('?')[1])
        a.split(/&/g).forEach(function(item) {url[(item = item.split('='))[0]] = item[1];
        })
        return url
    }

function filterArrBySex(data, name) {if (!name) {console.log(name)
            return data;
        } else {return data.filter(function(ele, index, self) {if (ele.name.includes(name)) {return ele}
            })
        }
    }

 /**
     * 根据身份证获取出生年月
     * @param idCard
     */
    function getBirthdayFromIdCard(idCard) {
        var birthday = "";
        if (idCard != null && idCard != "") {if (idCard.length == 15) {birthday = "19" + idCard.substr(6, 6);
            } else if (idCard.length == 18) {birthday = idCard.substr(6, 8);
            }

            birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
        }

        return birthday;
    }

/**
     * 根据身份证获取年龄
     * @param UUserCard
     */
    function IdCard(UUserCard) {
        // 获取年龄
        var myDate = new Date();
        var month = myDate.getMonth() + 1;
        var day = myDate.getDate();
        var age = myDate.getFullYear() - UUserCard.substring(6, 10) - 1;
        if (UUserCard.substring(10, 12) < month || UUserCard.substring(10, 12) == month && UUserCard.substring(12, 14) <= day) {age++;}
        return age
    }

//vue 购物车金额结算
window.onload = function() {
    var vm = new Vue({
        el: '#app',
        data: {
            items: [{
                    id: 1,
                    name: "苹果",
                    price: 10,
                    count: 1,
                    url: "http://www.jq22.com/img/cs/500x500-1.png"
                },
                {
                    id: 2,
                    name: "蝴蝶",
                    price: 8,
                    count: 5,
                    url: "http://www.jq22.com/img/cs/500x500-2.png"
                },
                {
                    id: 3,
                    name: "小狗",
                    price: 100,
                    count: 1,
                    url: "http://www.jq22.com/img/cs/500x500-3.png"
                },
                {
                    id: 4,
                    name: "鲜花",
                    price: 10,
                    count: 1,
                    url: "http://www.jq22.com/img/cs/500x500-4.png"
                }
            ],
            search: ""
        },
        methods: { },
        filters: { // 过滤器
            numFilter: function(data, n) { //data==item.price 当前过滤的数据 n==2
                return "￥" + data.toFixed(n)
            }
        },
        computed: { // 计算属性
            totalCount: function() {
                var n = 0;
                this.items.forEach((v, i) => {n += v.count});
                return n;
            },
            totalPrice: function() {
                var money = 0;
                this.items.forEach((v, i) => {money += v.count * v.price});
                return money;
            },
            searchFor: function() {if (!this.search) {return this.items}
                return this.items.filter((v, i) => {if (v.name.indexOf(this.search) !== -1) { // 匹配成功
                        return v
                    }
                })
            }

        }
    })
}

// 设置 iframe 高度
function setIframeHeight(sonH) { //debugger;            
    var height = 0;
    // 比较父子页面高度，以高度更大的为准
    var parentH = $(window).height(); //iframe 最小高度应为浏览器视口高度，否则门户管理页面弹窗大小会受限制
    height = parentH > sonH ? parentH : sonH;
    $('#mainIframe').height(height);

    // 子页面有传值过来，覆盖 iframe 的最小高度 -2000px
    $("#mainIframe").css("min-height", 'auto');
    $(".body-bg").css("height", height + 200);
    try {var childBody = $("#mainIframe")[0].contentWindow.document.getElementsByTagName("body")[0];
        //childBody.style.minHeight = height + "px";
    } catch (error) {if (error.message.indexOf("Blocked from frame") > -1) console.warn("当前页面存在跨域！");
    }
}


(function($) {$("#username").keyup(function(event) {if (event.keyCode == 13) $("#password").focus().select();
    });
    $("#password").keyup(function(event) {if (event.keyCode == 13) $("#login-button").click();});
})(jQuery);


// 回到顶部
function goTop() {
    window.scrollTo({
        top: 0,
        behavior: 'smooth',
    });
}

window.onscroll = function() {
    var t = document.documentElement.scrollTop;
    if (t > 50) {$(".toTop").fadeIn();} else {$(".toTop").fadeOut();}
}


function urlAnalysis() {
    var url = window.location.href;
    var paraString = url.substring(url.indexOf("?") + 1, url.length);
    var indexFirst = paraString.indexOf("&");
    var paraStringTitle = paraString.slice(0, indexFirst);
    paraStringElse = paraString.slice(indexFirst + 1, paraString.length);
    var paraStringUrl = paraStringElse;

    // 区分是否传参：functionId
    if (paraString.indexOf("functionId") > -1) {var indexSecond = paraStringElse.indexOf("&");
        var paraStringFId = paraStringElse.slice(0, indexSecond);

        var functionId = paraStringFId.split("=")[1];
        var $body = angular.element(document.body);
        var $rootScope = $body.scope().$root;
        $rootScope.navFunctionId = functionId;

        paraStringUrl = paraStringElse.slice(indexSecond + 1, paraStringElse.length);
    }

    var title = paraStringTitle.split("=")[1] === "undefined" ? "": decodeURI(paraStringTitle.split("=")[1]);
    var indexUrl = paraStringUrl.indexOf("=");
    var iframeUrl = paraStringUrl.slice(indexUrl + 1, paraStringUrl.length);

    document.title = title;
    $("#mainIframe").attr("src", iframeUrl);
}



// 监听 enter 按下事件，页面跳转
$scope.enterEvent = function(e) {
    var keycode = window.event ? e.keyCode : e.which;
    if (keycode == 13) {console.log($scope.searchVal)
        console.log('监听成功')
        var baseUrl = '#/pages/knowlege/knowlegeSeach.html'
        window.open(baseUrl)
    }
};


function showDate() {var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth() + 1;
    month = month < 10 ? '0' + month : month;
    var date = myDate.getDate();
    date = date < 10 ? '0' + date : date;
    var weekDay = myDate.getDay();

    switch (weekDay) {
        case 0:
            weekDay = "天";
            break;
        case 1:
            weekDay = "一";
            break;
        case 2:
            weekDay = "二";
            break;
        case 3:
            weekDay = "三";
            break;
        case 4:
            weekDay = "四";
            break;
        case 5:
            weekDay = "五";
            break;
        case 6:
            weekDay = "六";
            break;
            "name"
    }

    $scope.year = year;
    $scope.month = month;
    $scope.date = date;
    $scope.weekDay = weekDay;
}


// 获取跳转的 classId, 通过 hash 方式获取
$scope.getQueryString = function() {var obg = {},
        a = '';
    (a = window.location.search.substr(1)) || (a = window.location.hash.split('?')[1])
    a.split(/&/g).forEach(function(item) {obg[(item = item.split('='))[0]] = item[1];
    })
    return obg
}
var classId = $scope.getQueryString();

//event.clientX: 鼠标点下的点到左侧 x 轴的距离
window.onload = function() {
    // 事件处理  onmousedown  onmousemove  onmouseup
    var box = document.querySelector(".box")
    var btn = document.querySelector(".btn")
    var bg = document.querySelector(".bg")
    var text1 = document.querySelector(".text")
    // 封装的选择器 声明式函数可以提升
    //            function fun(){
    //                
    //            }
    var flag = false; // 标记
    btn.onmousedown = function(event) {
        var downx = event.clientX; // 按下后获取的与 x 轴的距离
        btn.onmousemove = function(e) {
            var movex = e.clientX - downx; // 滑块滑动的距离
            // 移动的范围
            if (movex > 0) {
                this.style.left = movex + "px";
                bg.style.width = movex + "px";
                if (movex >= box.offsetWidth - 40) {
                    // 验证成功
                    flag = true
                    text1.innerHTML = "验证成功"
                    text1.style.color = "#fff"
                    // 清除事件
                    btn.onmousedown = null;
                    btn.onmousemove = null;
                }
            }
        }
    }
    // 松开事件
    btn.onmouseup = function() {
        // 清除事件
        btn.onmousemove = null;
        if (flag) return;
        this.style.left = 0;
        bg.style.width = 0 + "px";
    }
}

// 随机 [m,n] 之间的整数 封装
function randomNumber(m, n) {return Math.floor(Math.random() * (n - m + 1) + m);
}
// 随机颜色 封装
function randomColor() {return "rgb(" + randomNumber(0, 255) + "," + randomNumber(0, 255) + "," + randomNumber(0, 255) + ")";
}

// 获取当前的 scrollTop 
var scrollTopDistance;
// 获取所有的 ul 
var uls = document.querySelectorAll("ul");
var i = 0;
var k = i;

function waterFall() {for (i = k; i < k + 4; i++) {
        // 创建 li 
        var li = document.createElement("li");
        // 随机颜色 
        li.style.backgroundColor = randomColor();
        // 随机高度 
        li.style.height = randomNumber(120, 400) + "px";
        // 手动转换为字符串 
        li.innerHTML = i + 1 + "";
        // 插入到对应的 ul 中 
        // 判断哪个 ul 的高度低，该次创建的 li 就插入到此 ul 中 
        var index = 0; // 记录下标 
        for (var j = 0; j < uls.length; j++) {if (uls[j].offsetHeight < uls[index].offsetHeight) {index = j;}
        }
        // 将元素节点插入文档中 
        uls[index].appendChild(li);
    }
    k = i;
    return uls[index].offsetHeight;
}
waterFall();
// 鼠标滚轮事件, 由于右侧没有滚轮，所以使用 onmousewheel 事件
window.onmousewheel = function() {
    // 获取窗口的高度，要兼容浏览器
    var windowH = document.documentElement.clientHeight;
    // 滚轮于 top 的距离，要兼容浏览器
    var scrollH = document.documentElement.scrollTop ||
        document.body.scrollTop;
    // 获取窗口的可见高度
    var documentH = document.documentElement.scrollHeight ||
        document.body.scrollHeight;
    // 窗口的高度 + 滚轮与顶部的距离 > 窗口的可见高度 -200
    if (windowH + scrollH > documentH - 200) {
        // 执行此函数 
        waterFall()}
}

$(*function* () {
  *var* w_max = 0;
  *// 求最大高度 *
  $("#MenuNavigation li").each(*function* () {    *var* w = $(*this*).innerWidth();
    w_max = w > w_max ? w : w_max;
  })
  $("#MenuNavigation li").width(w_max)
  *// 将最大高度赋值给所有元素，*
})

// 封装本地存储的方法
export const storage = {set: function(variable, value, ttl_ms) {var data = { value: value, expires_at: new Date(ttl_ms).getTime()};
    localStorage.setItem(variable.toString(), JSON.stringify(data));
  },
  get: function(variable) {var data = JSON.parse(localStorage.getItem(variable.toString()));
    if (data !== null) {
      debugger
      if (data.expires_at !== null && data.expires_at < new Date().getTime()) {localStorage.removeItem(variable.toString());
      } else {return data.value;}
    }
    return null;
  },
  remove(key) {localStorage.removeItem(key);
  }
}

// 数组降维
reduceDimension(arr) {var reduced = [];
      for (var i = 0; i < arr.length; i++) {reduced = reduced.concat(arr[i]);
      }
      return reduced;
}

 var cookieUtil = {getCookie: function (name) {var arrCookie = document.cookie.split(";");
    for (var i = 0; i < arrCookie.length; i++) {var cookieItem = arrCookie[i].split('=');
      if (cookieItem[0] == name) {return cookieItem[1];
      }
    }
    return undefined;
  },
  setCookie: function (name, value, expires, path, domain, secure) {var cookieText = encodeURIComponent(name) + "=" +
      encodeURIComponent(value);
    if (expires instanceof Date) {cookieText += "; expires=" + expires.toGMTString();
    }
    if (path) {cookieText += "; path=" + path;}
    if (domain) {cookieText += "; domain=" + domain;}
    if (secure) {cookieText += "; secure";}
    document.cookie = cookieText;
  },
  removeCookie: function (name, path, domain, secure) {this.set(name, "", new Date(0), path, domain, secure);
  }
}

/**

 * @description 判读是否为外链
 * @param path
 * @returns {boolean}
   */
   export function isExternal(path) {return /^(https?:|mailto:|tel:)/.test(path);
   }

/**
    * @description 校验密码是否小于 6 位
    * @param str
    * @returns {boolean}
      */
      export function isPassword(str) {return str.length >= 6;}

/**

  * @description 判断是否为数字
  * @param value
* @returns {boolean}
   */
   export function isNumber(value) {const reg = /^[0-9]*$/;
     return reg.test(value);
   }

## 212. 判断是否是名称

 /**

   * @description 判断是否是名称
   * @param value
 * @returns {boolean}
    */
    export function isName(value) {const reg = /^[\u4e00-\u9fa5a-zA-Z0-9]+$/;
      return reg.test(value);
    }

/**

  * @description 判断是否为 IP
  * @param ip
* @returns {boolean}
   */
   export function isIP(ip) {const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
     return reg.test(ip);
   }

/**

  * @description 判断是否是传统网站
  * @param url
* @returns {boolean}
   */
   export function isUrl(url) {const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
     return reg.test(url);
   }

/**

  * @description 判断是否是小写字母
  * @param str
* @returns {boolean}
   */
   export function isLowerCase(str) {const reg = /^[a-z]+$/;
     return reg.test(str);
   }

/**

  * @description 判断是否是大写字母
  * @param str
* @returns {boolean}
   */
   export function isUpperCase(str) {const reg = /^[A-Z]+$/;
     return reg.test(str);
   }

/**

  * @description 判断是否是大写字母开头
  * @param str
* @returns {boolean}
   */
   export function isAlphabets(str) {const reg = /^[A-Za-z]+$/;
     return reg.test(str);
   }

/**

  * @description 判断是否是字符串
* @param str
 * @returns {boolean}
   */
   export function isString(str) {return typeof str === "string" || str instanceof String;}

/**

  * @description 判断是否是数组
    * @param arg
  * @returns {arg is any[]|boolean}
    */
  export function isArray(arg) {if (typeof Array.isArray === "undefined") {return Object.prototype.toString.call(arg) === "[object Array]";
     }
     return Array.isArray(arg);
   }

/**

  * @description 判断是否是端口号
  * @param str
* @returns {boolean}
   */
   export function isPort(str) {const reg = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
     return reg.test(str);
   }

/**

  * @description 判断是否是手机号
  * @param str
* @returns {boolean}
   */
   export function isPhone(str) {const reg = /^1\d{10}$/;
     return reg.test(str);
   }

/**

  * @description 判断是否是身份证号(第二代)
  * @param str
* @returns {boolean}
   */
   export function isIdCard(str) {const reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
     return reg.test(str);
   }

/**

  * @description 判断是否是邮箱
  * @param str
* @returns {boolean}
   */
   export function isEmail(str) {const reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
     return reg.test(str);
   }

## 224. 判断是否中文

/**

  * @description 判断是否中文
  * @param str
* @returns {boolean}
   */
   export function isChina(str) {const reg = /^[\u4E00-\u9FA5]{2,4}$/;
     return reg.test(str);
   }

## 225. 判断是否为空

/**

  * @description 判断是否为空
    * @param str
    * @returns {boolean}
      */
      export function isBlank(str) {
        return (
    str == null ||
  false ||
   str === "" ||
   str.trim() === "" ||
   str.toLocaleLowerCase().trim() === "null"
     );
   }

## 226. 判断是否为固话

/**

  * @description 判断是否为固话
  * @param str
* @returns {boolean}
   */
   export function isTel(str) {const reg = /^(400|800)([0-9\\-]{7,10})|(([0-9]{4}|[0-9]{3})(-|)?)?([0-9]{7,8})((-| | 转)*([0-9]{1,4}))?$/;
     return reg.test(str);
   }

## 227. 判断是否为数字且最多两位小数

/**

  * @description 判断是否为数字且最多两位小数
  * @param str
* @returns {boolean}
   */
   export function isNum(str) {const reg = /^\d+(\.\d{1,2})?$/;
     return reg.test(str);
   }

## 228. 判断经度 -180.0～+180.0（整数部分为 0～180，必须输入 1 到 5 位小数）

/**

  * @description 判断经度 -180.0～+180.0（整数部分为 0～180，必须输入 1 到 5 位小数）* @param str
* @returns {boolean}
   */
   export function isLongitude(str) {const reg = /^[-|+]?(0?\d{1,2}\.\d{1,5}|1[0-7]?\d{1}\.\d{1,5}|180\.0{1,5})$/;
     return reg.test(str);
   }

## 229. 判断纬度 -90.0～+90.0（整数部分为 0～90，必须输入 1 到 5 位小数）

/**

  * @description 判断纬度 -90.0～+90.0（整数部分为 0～90，必须输入 1 到 5 位小数）* @param str
* @returns {boolean}
   */
   export function isLatitude(str) {const reg = /^[-|+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/;
     return reg.test(str);
   }

## 230.rtsp 校验只要有 rtsp://

/**

  * @description rtsp 校验，只要有 rtsp://
  * @param str
  * @returns {boolean}
    */
  export function isRTSP(str) {const reg = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
     const reg1 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]):[0-9]{1,5}/;
     const reg2 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\//;
     return reg.test(str) || reg1.test(str) || reg2.test(str);
   }

function IEVersion() {
    var userAgent = navigator.userAgent; // 取得浏览器的 userAgent 字符串  
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; // 判断是否 IE<11 浏览器  
    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; // 判断是否 IE 的 Edge 浏览器  
    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    if (isIE) {var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if (fIEVersion == 7) {return 7;} else if (fIEVersion == 8) {return 8;} else if (fIEVersion == 9) {return 9;} else if (fIEVersion == 10) {return 10;} else {return 6; //IE 版本 <=7}
    } else if (isEdge) {return 'edge'; //edge} else if (isIE11) {return 11; //IE11} else {return -1; // 不是 ie 浏览器}
}

方案一：`Set + ...`

function noRepeat(arr) {return [...new Set(arr)];
}
noRepeat([1,2,3,1,2,3])

方案二：`Set + Array.from`

function noRepeat(arr) {return Array.from(new Set(arr));
}
noRepeat([1,2,3,1,2,3])

function noRepeat(arr) {return arr.filter((v, idx)=>idx == arr.lastIndexOf(v))
}
noRepeat([1,2,3,1,2,3])

Object 的特性是 Key 不会重复。
这里使用 values 是因为可以保留类型，keys 会变成字符串。

function noRepeat(arr) {return Object.values(arr.reduce((s,n)=>{s[n] = n;
    return s
  },{}))
}
noRepeat([1,2,3,1,2,3])

针对于上述的方案，还有其他变种实现。

方案一：`Math.max + ...`

function arrayMax(arr) {return Math.max(...arr);
}
arrayMax([-1,-4,5,2,0])

方案二：`Math.max + apply`

function arrayMax(arr) {return Math.max.apply(Math, arr)
}
arrayMax([-1,-4,5,2,0])

方案三：`Math.max` + 遍历

function arrayMax(arr) {return arr.reduce((s,n)=>Math.max(s, n))
}
arrayMax([-1,-4,5,2,0])

function arrayMax(arr) {return arr.reduce((s,n)=>s>n?s:n)
}
arrayMax([-1,-4,5,2,0])

function arrayMax(arr) {return arr.sort((n,m)=>m-n)[0]
}
arrayMax([-1,-4,5,2,0])

同上，不明白为什么要分成两个题目。

Math.max 换成 Math.min
s>n?s:n 换成 `s
(n,m)=>m-n 换成 (n,m)=>n-m，或者直接取最后一个元素

function chunk(arr, size = 1) {
  return Array.from(
    {length: Math.ceil(arr.length / size),
    },
    (v, i) => arr.slice(i * size, i * size + size)
  );
}
chunk([1,2,3,4,5,6,7,8],3)

function chunk(arr, size = 1) {
  return Array.from(
    {length: Math.ceil(arr.length / size),
    },
    (v, i) => arr.splice(0, size)
  );
}
chunk([1,2,3,4,5,6,7,8],3)

function chunk(arr, size = 1) {var _returnArr = [];
    while(arr.length){_returnArr.push(arr.splice(0, size))
    }
    return _returnArr
}
chunk([1,2,3,4,5,6,7,8],3)

function countOccurrences(arr, value) {return arr.reduce((a, v) => (v === value ? a + 1 : a + 0), 0);
}
countOccurrences([1,2,3,4,5,1,2,1,2,3], 1)

function countOccurrences(arr, value) {return arr.filter(v=>v===value).length
}
countOccurrences([1,2,3,4,5,1,2,1,2,3], 1)

function flatten(arr, depth = -1) {if (depth === -1) {return [].concat(...arr.map((v) => (Array.isArray(v) ? this.flatten(v) : v))
    );
  }
  if (depth === 1) {return arr.reduce((a, v) => a.concat(v), []);
  }
  return arr.reduce((a, v) => a.concat(Array.isArray(v) ? this.flatten(v, depth - 1) : v),
    []);
}
flatten([1,[2,[3]]])

function flatten(arr, depth = Infinity) {return arr.flat(depth)
}
flatten([1,[2,[3]]])

他原文有问题，以下方法的 4,5 没有返回

function diffrence(arrA, arrB) {return arrA.filter((v) => !arrB.includes(v));
}
diffrence([1,2,3], [3,4,5,2])

需要再操作一遍

function diffrence(arrA, arrB) {return arrA.filter((v) => !arrB.includes(v))
    .concat(arrB.filter((v) => !arrA.includes(v)));
}
diffrence([1,2,3], [3,4,5,2])

算是方案 1 的变种吧，优化了 includes 的性能。

function intersection(arr1, arr2) {return arr2.filter((v) => arr1.includes(v));
}
intersection([1,2,3], [3,4,5,2])

function intersection(arr1, arr2) {var set = new Set(arr2)
  return arr1.filter((v) => set.has(v));
}
intersection([1,2,3], [3,4,5,2])

function dropRight(arr, n = 0) {return n < arr.length ? arr.slice(0, arr.length - n) : [];}
dropRight([1,2,3,4,5], 2)

function dropRight(arr, n = 0) {return arr.splice(0, arr.length - n)
}
dropRight([1,2,3,4,5], 2)

function dropRight(arr, n = 0) {return arr.slice(0, -n)
}
dropRight([1,2,3,4,5], 2)

function dropRight(arr, n = 0) {arr.length = Math.max(arr.length - n, 0)
    return arr
}
dropRight([1,2,3,4,5], 2)

function dropElements(arr, fn) {while (arr.length && !fn(arr[0])) arr = arr.slice(1);
  return arr;
}
dropElements([1,2,3,4,5,1,2,3], (v) => v == 2)

function dropElements(arr, fn) {return arr.slice(Math.max(arr.findIndex(fn), 0));
}
dropElements([1,2,3,4,5,1,2,3], (v) => v === 3)

function dropElements(arr, fn) {while (arr.length && !fn(arr[0])) arr.splice(0,1);
  return arr;
}
dropElements([1,2,3,4,5,1,2,3], (v) => v == 2)

function everyNth(arr, nth) {return arr.filter((v, i) => i % nth === nth - 1);
}
everyNth([1,2,3,4,5,6,7,8], 2)

function everyNth(arr, nth) {return arr.filter((v, i) => (i+1) % nth === 0);
}
everyNth([1,2,3,4,5,6,7,8], 2)

function nthElement(arr, n = 0) {return (n >= 0 ? arr.slice(n, n + 1) : arr.slice(n))[0];
}
nthElement([1,2,3,4,5], 0)
nthElement([1,2,3,4,5], -1)

function nthElement(arr, n = 0) {return (n >= 0 ? arr[0] : arr[arr.length + n])
}
nthElement([1,2,3,4,5], 0)
nthElement([1,2,3,4,5], -1)

function head(arr) {return arr[0];
}
head([1,2,3,4])

function head(arr) {return arr.slice(0,1)[0];
}
head([1,2,3,4])

function last(arr) {return arr[arr.length - 1];
}

function last(arr) {return arr.slice(-1)[0];
}
last([1,2,3,4,5])

function shuffle(arr) {
  let array = arr;
  let index = array.length;

  while (index) {
    index -= 1;
    let randomInedx = Math.floor(Math.random() * index);
    let middleware = array[index];
    array[index] = array[randomInedx];
    array[randomInedx] = middleware;
  }

  return array;
}
shuffle([1,2,3,4,5])

function shuffle(arr) {return arr.sort((n,m)=>Math.random() - .5)
}
shuffle([1,2,3,4,5])

Array.from({length: 2})

Array.prototype.slice.call({length: 2,1:1})

Array.prototype.splice.call({length: 2,1:1},0)

/**
 * 告知浏览器支持的指定 css 属性情况
 * @param {String} key - css 属性，是属性的名字，不需要加前缀
 * @returns {String} - 支持的属性情况
 */
function validateCssKey(key) {const jsKey = toCamelCase(key); // 有些 css 属性是连字符号形成
  if (jsKey in document.documentElement.style) {return key;}
  let validKey = "";
  // 属性名为前缀在 js 中的形式，属性值是前缀在 css 中的形式
  // 经尝试，Webkit 也可是首字母小写 webkit
  const prefixMap = {
    Webkit: "-webkit-",
    Moz: "-moz-",
    ms: "-ms-",
    O: "-o-",
  };
  for (const jsPrefix in prefixMap) {const styleKey = toCamelCase(`${jsPrefix}-${jsKey}`);
    if (styleKey in document.documentElement.style) {validKey = prefixMap[jsPrefix] + key;
      break;
    }
  }
  return validKey;
}

/**
 * 把有连字符号的字符串转化为驼峰命名法的字符串
 */
function toCamelCase(value) {return value.replace(/-(\w)/g, (matched, letter) => {return letter.toUpperCase();
  });
}

/**
 * 检查浏览器是否支持某个 css 属性值（es6 版）* @param {String} key - 检查的属性值所属的 css 属性名
 * @param {String} value - 要检查的 css 属性值（不要带前缀）* @returns {String} - 返回浏览器支持的属性值
 */
function valiateCssValue(key, value) {const prefix = ["-o-", "-ms-", "-moz-", "-webkit-", ""];
  const prefixValue = prefix.map((item) => {return item + value;});
  const element = document.createElement("div");
  const eleStyle = element.style;
  // 应用每个前缀的情况，且最后也要应用上没有前缀的情况，看最后浏览器起效的何种情况
  // 这就是最好在 prefix 里的最后一个元素是 ''
  prefixValue.forEach((item) => {eleStyle[key] = item;
  });
  return eleStyle[key];
}

/**
 * 检查浏览器是否支持某个 css 属性值
 * @param {String} key - 检查的属性值所属的 css 属性名
 * @param {String} value - 要检查的 css 属性值（不要带前缀）* @returns {String} - 返回浏览器支持的属性值
 */
function valiateCssValue(key, value) {var prefix = ["-o-", "-ms-", "-moz-", "-webkit-", ""];
  var prefixValue = [];
  for (var i = 0; i < prefix.length; i++) {prefixValue.push(prefix[i] + value);
  }
  var element = document.createElement("div");
  var eleStyle = element.style;
  for (var j = 0; j < prefixValue.length; j++) {eleStyle[key] = prefixValue[j];
  }
  return eleStyle[key];
}

function validCss(key, value) {const validCss = validateCssKey(key);
  if (validCss) {return validCss;}
  return valiateCssValue(key, value);
}

https://segmentfault.com/a/11…
它里面有 forEach。

function currentURL() {return window.location.href;}
currentURL()

function currentURL() {var el = document.createElement('a')
  el.href = ''
  return el.href
}
currentURL()

function getScrollPosition(el = window) {
  return {
    x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
    y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop,
  };
}

function getURLParameters(url) {
  return url
    .match(/([^?=&]+)(=([^&]*))/g)
    .reduce((a, v) => ((a[v.slice(0, v.indexOf("="))] = v.slice(v.indexOf("=") + 1)), a
      ),
      {});
}
getURLParameters(location.href)

function getURLParameters(url) {
  return url
    .split('?') // 取？分割
    .slice(1) // 不要第一部分
    .join() // 拼接
    .split('&')//& 分割
    .map(v=>v.split('=')) //= 分割
    .reduce((s,n)=>{s[n[0]] = n[1];return s},{})
}
getURLParameters(location.href)
// getURLParameters('')

function redirect(url, asLink = true) {asLink ? (window.location.href = url) : window.location.replace(url);
}

function redirect(url, asLink = true) {asLink ? window.location.assign(url) : window.location.replace(url);
}

c 没有定义

function scrollToTop() {
  const scrollTop =
    document.documentElement.scrollTop || document.body.scrollTop;
  if (scrollTop > 0) {window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, c - c / 8);
  } else {window.cancelAnimationFrame(scrollToTop);
  }
}
scrollToTop()

修正之后

function scrollToTop() {
  const scrollTop =
    document.documentElement.scrollTop || document.body.scrollTop;
  if (scrollTop > 0) {window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, scrollTop - scrollTop / 8);
  } else {window.cancelAnimationFrame(scrollToTop);
  }
}
scrollToTop()

function copy(str) {const el = document.createElement("textarea");
  el.value = str;
  el.setAttribute("readonly", "");
  el.style.position = "absolute";
  el.style.left = "-9999px";
  el.style.top = "-9999px";
  document.body.appendChild(el);
  const selected =
    document.getSelection().rangeCount > 0
      ? document.getSelection().getRangeAt(0)
      : false;
  el.select();
  document.execCommand("copy");
  document.body.removeChild(el);
  if (selected) {document.getSelection().removeAllRanges();
    document.getSelection().addRange(selected);
  }
}

function detectDeviceType() {
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
    ? "Mobile"
    : "Desktop";
}
detectDeviceType()

function detectDeviceType() {return ("ontouchstart" in window || navigator.msMaxTouchPoints)
    ? "Mobile"
    : "Desktop";
}
detectDeviceType()

function setCookie(key, value, expiredays) {var exdate = new Date();
  exdate.setDate(exdate.getDate() + expiredays);
  document.cookie =
    key +
    "=" +
    escape(value) +
    (expiredays == null ? "":";expires=" + exdate.toGMTString());
}

function delCookie(name) {var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval = getCookie(name);
  if (cval != null) {document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
  }
}

function getCookie(name) {
  var arr,
    reg = new RegExp("(^|)" + name + "=([^;]*)(;|$)");
  if ((arr = document.cookie.match(reg))) {return arr[2];
  } else {return null;}
}

有时候我们想清空，但是又无法获取到所有的 cookie。
这个时候我们可以了利用写满，然后再清空的办法。

默认为当前时间转换结果
isMs 为时间戳是否为毫秒

function timestampToTime(timestamp = Date.parse(new Date()), isMs = true) {const date = new Date(timestamp * (isMs ? 1 : 1000));
  return `${date.getFullYear()}-${date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
}

补位可以改成 padStart
补位还可以改成 slice

如果做海外的话，还会有时区问题，一般我用 moment 解决。如果想看原生的

基于上一个想到的问题

/**
 * 功能描述：一些业务场景，如弹框出现时，需要禁止页面滚动，这是兼容安卓和 iOS 禁止页面滚动的解决方案
 */

let scrollTop = 0;

function preventScroll() {
  // 存储当前滚动位置
  scrollTop = window.scrollY;

  // 将可滚动区域固定定位，可滚动区域高度为 0 后就不能滚动了
  document.body.style["overflow-y"] = "hidden";
  document.body.style.position = "fixed";
  document.body.style.width = "100%";
  document.body.style.top = -scrollTop + "px";
  // document.body.style['overscroll-behavior'] = 'none'
}

function recoverScroll() {document.body.style["overflow-y"] = "auto";
  document.body.style.position = "static";
  // document.querySelector('body').style['overscroll-behavior'] = 'none'

  window.scrollTo(0, scrollTop);
}

返回值为 true/false

function bottomVisible() {
  return (
    document.documentElement.clientHeight + window.scrollY >=
    (document.documentElement.scrollHeight ||
      document.documentElement.clientHeight)
  );
}

partiallyVisible 为是否为完全可见

function elementIsVisibleInViewport(el, partiallyVisible = false) {const { top, left, bottom, right} = el.getBoundingClientRect();

  return partiallyVisible
    ? ((top > 0 && top < innerHeight) ||
        (bottom > 0 && bottom < innerHeight)) &&
        ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
    : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
}

function getStyle(el, ruleName) {return getComputedStyle(el, null).getPropertyValue(ruleName);
}

function launchFullscreen(element) {if (element.requestFullscreen) {element.requestFullscreen();
  } else if (element.mozRequestFullScreen) {element.mozRequestFullScreen();
  } else if (element.msRequestFullscreen) {element.msRequestFullscreen();
  } else if (element.webkitRequestFullscreen) {element.webkitRequestFullScreen();
  }
}

launchFullscreen(document.documentElement);
launchFullscreen(document.getElementById("id")); // 某个元素进入全屏

function exitFullscreen() {if (document.exitFullscreen) {document.exitFullscreen();
  } else if (document.msExitFullscreen) {document.msExitFullscreen();
  } else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {document.webkitExitFullscreen();
  }
}

exitFullscreen();

document.addEventListener("fullscreenchange", function (e) {if (document.fullscreenElement) {console.log("进入全屏");
  } else {console.log("退出全屏");
  }
});

function commafy(num) {return num.toString().indexOf(".") !== -1
    ? num.toLocaleString()
    : num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
}
commafy(1000)

function randomNum(min, max) {switch (arguments.length) {
    case 1:
      return parseInt(Math.random() * min + 1, 10);
    case 2:
      return parseInt(Math.random() * (max - min + 1) + min, 10);
    default:
      return 0;
  }
}
randomNum(1,10)

/* 时间戳转时间 */
function timestampToTime(cjsj) {var date = new Date(cjsj); // 时间戳为 10 位需 *1000，时间戳为 13 位的话不需乘 1000
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
    var D = (date.getDate() + 1 < 10 ? '0' + (date.getDate()) : date.getDate()) + ' ';
    return Y + M + D
}

/* 过滤富文本和空格为纯文本 */
function filterHtml(str) {return str.replace(/<[^<>]+>/g, '').replace(/&nbsp;/ig,'');
}

/* 指定显示的文字数量多余的使用省略号代替 */
function strEllp(str, num = str.length) {var subStr = str.substring(0, num);
    return subStr + (str.length > num ? '...' : '');
}

// 获取滚动条当前的位置
function getScrollTop() {
    var scrollTop = 0
    if (document.documentElement && document.documentElement.scrollTop) {scrollTop = document.documentElement.scrollTop;} else if (document.body) {scrollTop = document.body.scrollTop;}
    return scrollTop
}

// 获取当前可视范围的高度
function getClientHeight() {
    var clientHeight = 0
    if (document.body.clientHeight && document.documentElement.clientHeight) {clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight)
    } else {clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight)
    }
    return clientHeight
}

// 获取文档完整的高度
function getScrollHeight() {return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
}

正文完

javascript

发表至： javascript

2020-06-06

0

关于javascript:js-处理时间

关于javascript:云原生在京东丨如何在Kubernetes上部署有状态的云原生应用下

关于前端:JQuery文档处理

MutationObserver 监听 DOM 树变化

可靠消息最终一致异步确保型

269个常用工具函数助你提升工作效率

1. 匹配正整数

2. 匹配负整数

3. 匹配整数

4. 匹配非负浮点数

5. 匹配由 26 个英文字母组成的字符串

6. 匹配由 26 个英文字母的大写组成的字符串

7. 匹配由 26 个英文字母的小写组成的字符串

8. 匹配电子邮件地址

9. 返回数组中的最大值

10. 返回数组中的最小值

11. 将数组块划分为指定大小的较小数组

12. 从数组中移除 falsey 值

13. 计算数组中值的出现次数

14. 深拼合数组

15. 返回两个数组之间的差异

16. 返回数组的所有不同值

17. 返回数组中的每个第 n 个元素

18. 筛选出数组中的非唯一值

20. 拼合数组

21. 将数组向上拼合到指定深度

22. 根据给定函数对数组元素进行分组

23. 返回列表的头

24. 返回除最后一个数组之外的所有元素

25. 初始化并填充具有指定值的数组

26. 初始化并填充具有指定值的数组

27. 返回两个数组中存在的元素的列表

28. 返回数组中的最后一个元素

29. 使用函数将数组的值映射到对象, 其中键值对由原始值作为键和映射值组成

30.nthElement: 返回数组的第 n 个元素

31. 从对象中选取对应于给定键的键值对

32. 对原始数组进行变异, 以筛选出指定的值

33. 从数组中移除给定函数返回 false 的元素

34. 返回数组中的随机元素

35. 随机数组值的顺序

36. 返回两个数组中都显示的元素的数组

37. 返回两个数组之间的对称差

38. 返回数组中的所有元素, 除第一个

39. 返回一个数组, 其中 n 个元素从开始处移除

40. 返回一个数组, 其中 n 个元素从末尾移除

41. 返回在两个数组中的任意一个中存在的每个元素

42. 筛选出数组中具有指定值之一的元素

43. 创建基于原始数组中的位置分组的元素数组

44. 从给定数组中移除一项

45. 检查给定数组中是否包含某项

46. 验证不能包含字母

47. 验证中文和数字

48. 验证邮政编码(中国)

49. 验证微信号，6 至 20 位，以字母开头，字母，数字，减号，下划线

50. 验证 16 进制颜色

51. 验证火车车次

52. 验证手机机身码(IMEI)

53. 验证必须带端口号的网址(或 ip)

54. 验证网址(支持端口和 ”?+ 参数 ” 和 ”#+ 参数)

55. 验证统一社会信用代码

56. 验证迅雷链接

57. 验证 ed2k 链接(宽松匹配)

58. 验证磁力链接(宽松匹配)

59. 验证子网掩码

60. 验证 linux” 文件夹 ” 路径

61. 验证 linux” 文件 ” 路径

62. 验证 window” 文件夹 ” 路径

63. 验证 window 下 ” 文件 ” 路径

64. 验证股票代码(A 股)

65. 验证版本号格式必须为 X.Y.Z

66. 验证视频链接地址（视频格式可按需增删）

67. 验证图片链接地址（图片格式可按需增删）

68. 验证银行卡号（10 到 30 位, 覆盖对公 / 私账户, 参考微信支付）

69. 验证中文姓名

70. 验证英文姓名

71. 验证车牌号(新能源)

72. 验证车牌号(非新能源)

73. 验证车牌号(新能源 + 非新能源)

74. 验证手机号中国(严谨), 根据工信部 2019 年最新公布的手机号段

75. 验证手机号中国(宽松), 只要是 13,14,15,16,17,18,19 开头即可

76. 验证 email(邮箱)

77. 验证座机电话(国内), 如: 0341-86091234

78. 验证身份证号(1 代,15 位数字)

79. 验证身份证号(2 代,18 位数字), 最后一位是校验位, 可能为数字或字符 X

80. 验证身份证号, 支持 1 / 2 代(15 位 /18 位数字)