JS开发常用方法封装

生成随机 ID

const RandomId = len =>Math.random().toString(36).substr(3, len)
const id = RandomId(10)
// id => gkkshs67e3

操作 URL 查询参数

const params = new URLSearchParams(location.search.replace(/\?/gi, '')) // location.search = "?name=young&sex=male"
params.has('young') // true
params.get('sex') // "male"

格式化金钱

const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
const money = ThousandNum(20190214)
// money => "20,190,214"

生成随机 HEX 色值

const RandomColor = () =>'#' +Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0')
const color = RandomColor()
// color => "#f03665"

取整

const num1 = ~~1.69
const num2 = 1.69 | 0
const num3 = 1.69 >> 0
// num1 num2 num3 => 1 1 1

注意
这个方法比较少见、维护性较差、了解即可，建议还是用下面的

Math.ceil(0.4) // 1 向上取整
Math.floor(0.6) // 0 向下取整

判断奇偶

const OddEven = num => (!!(num & 1) ? 'odd' : 'even')
const num = OddEven(2)
// num => "even"

取最小最大值

const arr = [0, 1, 2]
const min = Math.min(...arr)
const max = Math.max(...arr)
// min max => 0 2

生成范围随机数

const RandomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min
const num = RandomNum(1, 10)

判断数据类型

可判断类型：undefined、null、string、number、boolean、array、object、symbol、date、regexp、function、asyncfunction、arguments、set、map、weakset、weakmap

function DataType(tgt, type) {const dataType = Object.prototype.toString.call(tgt).replace(/\[object /g, '').replace(/\]/g, '').toLowerCase()return type ? dataType === type : dataType
}
DataType('young') // "string"
DataType(20190214) // "number"
DataType(true) // "boolean"
DataType([], 'array') // true
DataType({}, 'array') // false

是否为空对象

const obj = {}
const flag = DataType(obj, 'object') && !Object.keys(obj).length
// flag => true

switch/case 使用区间

const age = 26
switch (true) {case isNaN(age):console.log('not a number')breakcase age < 18:console.log('under age')breakcase age >= 18:console.log('adult')breakdefault:console.log('please set your age')break
}

混淆数组

const arr = [0, 1, 2, 3, 4, 5].slice().sort(() => Math.random() - 0.5)
// arr => [3, 4, 0, 5, 1, 2]

过滤空值

空值：undefined、null、””、0、false、NaN

const arr = [undefined, null, '', 0, false, NaN, 1, 2].filter(Boolean)
// arr => [1, 2]

检测非空参数

function IsRequired() {throw new Error('param is required')
}
function Func(name = IsRequired()) {console.log('I Love ' + name)
}
Func() // "param is required"
Func('You') // "I Love You"

格式化日期

/*** @param  {date} date 要格式化的时间* @param  {stirng} str 连接字符串* @return {date}*/
export function formatDate(date, str = '-') {// const arr = new Date(date).toLocaleDateString().match(/\d+/g)const time = new Date(date)const year = time.getFullYear()const month = time.getMonth() + 1const day = time.getDate()const arr = [year, month, day]return arr.map(e => String(e).padStart(2, 0)).join(str)
}

获取距离今天，d天的时间

/*** @param  {number} d 间隔天数* @param  {stirng} str 连接字符串* @return {date}*/
export function subtractDate(d = 0, str = '-') {const date = +new Date() - d * 24 * 3600 * 1000return formatDate(date, str)
}

类型判断

/*** @param  {any}  任意类型* @return {stirng} 返回类型字符串*/
export function typeCheck(param) {return Object.prototype.toString.call(param).slice(8, -1)
}。

类型日期是否为周末

/*** @param  {string|number}  日期格式 如20190101* @return {boolean}*/
export function dateIsWeekend(date) {const d = String(date).replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3')const day = new Date(d).getDay()return day === 6 || day === 0
}

判断一个时间是否在某个区段中

/*** @param  {string} beginTime * @param  {string} endTime* @return {boolean}*/
export function isRangeTime(beginTime, endTime) {var strb = beginTime.split(':')if (strb.length != 2) {return false}var stre = endTime.split(':')if (stre.length != 2) {return false}var b = new Date()var e = new Date()var n = new Date()b.setHours(strb[0])b.setMinutes(strb[1])e.setHours(stre[0])e.setMinutes(stre[1])if (n.getTime() - b.getTime() > 0 && n.getTime() - e.getTime() < 0) {return true}return false
}

保留N位小数(四舍五入)，从此告别toFixed(n)

/*** @param  {number} num 需要处理的数字* @param  {number} n 需要保留的位数*/
const f=(num,n)=>Math.round(num*10**n)/10**n
f(12.466, 2) // 12.47

邮箱正则

export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
}

手机号码正则

export const isMobile = (s) => {return /^1[0-9]{10}$/.test(s)
}

电话号码

export const isPhone = (s) => {return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s)
}

是否url地址

export const isURL = (s) => {return /^http[s]?:\/\/.*/.test(s)
}

是否字符串

export const isString = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'String'
}

是否数字

export const isNumber = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
}

是否boolean

export const isBoolean = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
}

是否函数

export const isFunction = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
}

是否为null

export const isNull = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
}

是否undefined

export const isUndefined = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
}

是否对象

export const isObj = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
}

是否数组

export const isArray = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
}

是否时间

export const isDate = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
}

是否正则

export const isRegExp = (o) => { return Object.prototype.toString.call(o).slice(8, -1) === 'RegExp' }

是否错误对象

export const isError = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Error'
}

是否Symbol函数

export const isSymbol = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Symbol'
}

是否Promise对象

export const isPromise = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Promise'
}

是否Set对象

export const isSet = (o) => {return Object.prototype.toString.call(o).slice(8, -1) === 'Set'
}

是否是微信浏览器

export const ua = navigator.userAgent.toLowerCase();
export const isWeiXin = () => {return ua.match(/microMessenger/i) == 'micromessenger'
}

是否是移动端

export const ua = navigator.userAgent.toLowerCase();
export const isDeviceMobile = () => {return /android|webos|iphone|ipod|balckberry/i.test(ua)
}

是否是QQ浏览器

export const isQQBrowser = () => {return !!ua.match(/mqqbrowser|qzone|qqbrowser|qbwebviewtype/i)
}

是否是爬虫

export const isSpider = () => {return /adsbot|googlebot|bingbot|msnbot|yandexbot|baidubot|robot|careerbot|seznambot|bot|baiduspider|jikespider|symantecspider|scannerlwebcrawler|crawler|360spider|sosospider|sogou web sprider|sogou orion spider/.test(ua)
}

是否ios

export const isIos = () => {var u = navigator.userAgent;if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {  //安卓手机return false} else if (u.indexOf('iPhone') > -1) {//苹果手机return true} else if (u.indexOf('iPad') > -1) {//iPadreturn false} else if (u.indexOf('Windows Phone') > -1) {//winphone手机return false} else {return false}
}

是否为PC端

export const isPC = () => {var userAgentInfo = navigator.userAgent;var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"];var flag = true;for (var v = 0; v < Agents.length; v++) {if (userAgentInfo.indexOf(Agents[v]) > 0) {flag = false;break;}}return flag;
}

去除html标签

export const removeHtmltag = (str) => {return str.replace(/<[^>]+>/g, '')
}

获取url参数

export const getQueryString = (name) => {const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');const search = window.location.search.split('?')[1] || '';const r = search.match(reg) || [];return r[2];
}

动态引入js

export const injectScript = (src) => {const s = document.createElement('script');s.type = 'text/javascript';s.async = true;s.src = src;const t = document.getElementsByTagName('script')[0];t.parentNode.insertBefore(s, t);
}

根据url地址下载

export const download = (url) => {var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;var isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;if (isChrome || isSafari) {var link = document.createElement('a');link.href = url;if (link.download !== undefined) {var fileName = url.substring(url.lastIndexOf('/') + 1, url.length);link.download = fileName;}if (document.createEvent) {var e = document.createEvent('MouseEvents');e.initEvent('click', true, true);link.dispatchEvent(e);return true;}}if (url.indexOf('?') === -1) {url += '?download';}window.open(url, '_self');return true;
}

el是否包含某个class

export const hasClass = (el, className) => {let reg = new RegExp('(^|\\s)' + className + '(\\s|$)')return reg.test(el.className)
}

el添加某个class

export const addClass = (el, className) => {if (hasClass(el, className)) {return}let newClass = el.className.split(' ')newClass.push(className)el.className = newClass.join(' ')
}

el去除某个class

export const removeClass = (el, className) => {if (!hasClass(el, className)) {return}let reg = new RegExp('(^|\\s)' + className + '(\\s|$)', 'g')el.className = el.className.replace(reg, ' ')
}

获取滚动的坐标

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

滚动到顶部

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

el是否在视口范围内

export 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;
}

洗牌算法随机

export const shuffle = (arr) => {var result = [],random;while (arr.length > 0) {random = Math.floor(Math.random() * arr.length);result.push(arr[random])arr.splice(random, 1)}return result;
}

劫持粘贴板

export const copyTextToClipboard = (value) => {var textArea = document.createElement("textarea");textArea.style.background = 'transparent';textArea.value = value;document.body.appendChild(textArea);textArea.select();try {var successful = document.execCommand('copy');} catch (err) {console.log('Oops, unable to copy');}document.body.removeChild(textArea);
}

判断类型集合

export const checkStr = (str, type) => {switch (type) {case 'phone':   //手机号码return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);case 'tel':     //座机return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);case 'card':    //身份证return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);case 'pwd':     //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线return /^[a-zA-Z]\w{5,17}$/.test(str)case 'postal':  //邮政编码return /[1-9]\d{5}(?!\d)/.test(str);case 'QQ':      //QQ号return /^[1-9][0-9]{4,9}$/.test(str);case 'email':   //邮箱return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);case 'money':   //金额(小数点2位)return /^\d*(?:\.\d{0,2})?$/.test(str);case 'URL':     //网址return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)case 'IP':      //IPreturn /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);case 'date':    //日期时间return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/.test(str)case 'number':  //数字return /^[0-9]$/.test(str);case 'english': //英文return /^[a-zA-Z]+$/.test(str);case 'chinese': //中文return /^[\\u4E00-\\u9FA5]+$/.test(str);case 'lower':   //小写return /^[a-z]+$/.test(str);case 'upper':   //大写return /^[A-Z]+$/.test(str);case 'HTML':    //HTML标记return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);default:return true;}
}

严格的身份证校验

export const isCardID = (sId) => {if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {console.log('你输入的身份证长度或格式错误')return false}//身份证城市var aCity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北", 43: "湖南", 44: "广东", 45: "广西", 46: "海南", 50: "重庆", 51: "四川", 52: "贵州", 53: "云南", 54: "西藏", 61: "陕西", 62: "甘肃", 63: "青海", 64: "宁夏", 65: "新疆", 71: "台湾", 81: "香港", 82: "澳门", 91: "国外" };if (!aCity[parseInt(sId.substr(0, 2))]) {console.log('你的身份证地区非法')return false}// 出生日期验证var sBirthday = (sId.substr(6, 4) + "-" + Number(sId.substr(10, 2)) + "-" + Number(sId.substr(12, 2))).replace(/-/g, "/"),d = new Date(sBirthday)if (sBirthday != (d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate())) {console.log('身份证上的出生日期非法')return false}// 身份证号码校验var sum = 0,weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],codes = "10X98765432"for (var i = 0; i < sId.length - 1; i++) {sum += sId[i] * weights[i];}var last = codes[sum % 11]; //计算出来的最后一位身份证号码if (sId[sId.length - 1] != last) {console.log('你输入的身份证号非法')return false}return true
}

随机数范围

export const random = (min, max) => {if (arguments.length === 2) {return Math.floor(min + Math.random() * ((max + 1) - min))} else {return null;}
}

将阿拉伯数字翻译成中文的大写数字

export const numberToChinese = (num) => {var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十");var BB = new Array("", "十", "百", "仟", "萬", "億", "点", "");var a = ("" + num).replace(/(^0*)/g, "").split("."),k = 0,re = "";for (var i = a[0].length - 1; i >= 0; i--) {switch (k) {case 0:re = BB[7] + re;break;case 4:if (!new RegExp("0{4}//d{" + (a[0].length - i - 1) + "}$").test(a[0]))re = BB[4] + re;break;case 8:re = BB[5] + re;BB[7] = BB[5];k = 0;break;}if (k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0)re = AA[0] + re;if (a[0].charAt(i) != 0)re = AA[a[0].charAt(i)] + BB[k % 4] + re;k++;}if (a.length > 1) // 加上小数部分(如果有小数部分){re += BB[6];for (var i = 0; i < a[1].length; i++)re += AA[a[1].charAt(i)];}if (re == '一十')re = "十";if (re.match(/^一/) && re.length == 3)re = re.replace("一", "");return re;
}

将数字转换为大写金额

export const changeToChinese = (Num) => {//判断如果传递进来的不是字符的话转换为字符if (typeof Num == "number") {Num = new String(Num);};Num = Num.replace(/,/g, "") //替换tomoney()中的“,”Num = Num.replace(/ /g, "") //替换tomoney()中的空格Num = Num.replace(/￥/g, "") //替换掉可能出现的￥字符if (isNaN(Num)) { //验证输入的字符是否为数字//alert("请检查小写金额是否正确");return "";};//字符处理完毕后开始转换，采用前后两部分分别转换var part = String(Num).split(".");var newchar = "";//小数点前进行转化for (var i = part[0].length - 1; i >= 0; i--) {if (part[0].length > 10) {return "";//若数量超过拾亿单位，提示}var tmpnewchar = ""var perchar = part[0].charAt(i);switch (perchar) {case "0":tmpnewchar = "零" + tmpnewchar;break;case "1":tmpnewchar = "壹" + tmpnewchar;break;case "2":tmpnewchar = "贰" + tmpnewchar;break;case "3":tmpnewchar = "叁" + tmpnewchar;break;case "4":tmpnewchar = "肆" + tmpnewchar;break;case "5":tmpnewchar = "伍" + tmpnewchar;break;case "6":tmpnewchar = "陆" + tmpnewchar;break;case "7":tmpnewchar = "柒" + tmpnewchar;break;case "8":tmpnewchar = "捌" + tmpnewchar;break;case "9":tmpnewchar = "玖" + tmpnewchar;break;}switch (part[0].length - i - 1) {case 0:tmpnewchar = tmpnewchar + "元";break;case 1:if (perchar != 0) tmpnewchar = tmpnewchar + "拾";break;case 2:if (perchar != 0) tmpnewchar = tmpnewchar + "佰";break;case 3:if (perchar != 0) tmpnewchar = tmpnewchar + "仟";break;case 4:tmpnewchar = tmpnewchar + "万";break;case 5:if (perchar != 0) tmpnewchar = tmpnewchar + "拾";break;case 6:if (perchar != 0) tmpnewchar = tmpnewchar + "佰";break;case 7:if (perchar != 0) tmpnewchar = tmpnewchar + "仟";break;case 8:tmpnewchar = tmpnewchar + "亿";break;case 9:tmpnewchar = tmpnewchar + "拾";break;}var newchar = tmpnewchar + newchar;}//小数点之后进行转化if (Num.indexOf(".") != -1) {if (part[1].length > 2) {// alert("小数点之后只能保留两位,系统将自动截断");part[1] = part[1].substr(0, 2)}for (i = 0; i < part[1].length; i++) {tmpnewchar = ""perchar = part[1].charAt(i)switch (perchar) {case "0":tmpnewchar = "零" + tmpnewchar;break;case "1":tmpnewchar = "壹" + tmpnewchar;break;case "2":tmpnewchar = "贰" + tmpnewchar;break;case "3":tmpnewchar = "叁" + tmpnewchar;break;case "4":tmpnewchar = "肆" + tmpnewchar;break;case "5":tmpnewchar = "伍" + tmpnewchar;break;case "6":tmpnewchar = "陆" + tmpnewchar;break;case "7":tmpnewchar = "柒" + tmpnewchar;break;case "8":tmpnewchar = "捌" + tmpnewchar;break;case "9":tmpnewchar = "玖" + tmpnewchar;break;}if (i == 0) tmpnewchar = tmpnewchar + "角";if (i == 1) tmpnewchar = tmpnewchar + "分";newchar = newchar + tmpnewchar;}}//替换所有无用汉字while (newchar.search("零零") != -1)newchar = newchar.replace("零零", "零");newchar = newchar.replace("零亿", "亿");newchar = newchar.replace("亿万", "亿");newchar = newchar.replace("零万", "万");newchar = newchar.replace("零元", "元");newchar = newchar.replace("零角", "");newchar = newchar.replace("零分", "");if (newchar.charAt(newchar.length - 1) == "元") {newchar = newchar + "整"}return newchar;
}

判断一个元素是否在数组中

export const contains = (arr, val) => {return arr.indexOf(val) != -1 ? true : false;
}

数组排序，{type} 1：从小到大 2：从大到小 3：随机

export const sort = (arr, type = 1) => {return arr.sort((a, b) => {switch (type) {case 1:return a - b;case 2:return b - a;case 3:return Math.random() - 0.5;default:return arr;}})
}

去重

export const unique = (arr) => {if (Array.hasOwnProperty('from')) {return Array.from(new Set(arr));} else {var n = {}, r = [];for (var i = 0; i < arr.length; i++) {if (!n[arr[i]]) {n[arr[i]] = true;r.push(arr[i]);}}return r;}
}

求两个集合的并集

export const union = (a, b) => {var newArr = a.concat(b);return this.unique(newArr);
}

求两个集合的交集

export const intersect = (a, b) => {var _this = this;a = this.unique(a);return this.map(a, function (o) {return _this.contains(b, o) ? o : null;});
}

删除其中一个元素

export const remove = (arr, ele) => {var index = arr.indexOf(ele);if (index > -1) {arr.splice(index, 1);}return arr;
}

将类数组转换为数组

export const formArray = (ary) => {var arr = [];if (Array.isArray(ary)) {arr = ary;} else {arr = Array.prototype.slice.call(ary);};return arr;
}

最大值

export const max = (arr) => {return Math.max.apply(null, arr);
}

最小值

export const min = (arr) => {return Math.min.apply(null, arr);
}

求和

export const sum = (arr) => {return arr.reduce((pre, cur) => {return pre + cur})
}

平均值

export const average = (arr) => {return this.sum(arr) / arr.length
}

去除空格,type: 1-所有空格 2-前后空格 3-前空格 4-后空格

export const trim = (str, type) => {type = type || 1switch (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;}
}

字符转换，type: 1:首字母大写 2：首字母小写 3：大小写转换 4：全部大写 5：全部小写

export const changeCase = (str, type) => {type = type || 4switch (type) {case 1:return str.replace(/\b\w+\b/g, function (word) {return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();});case 2:return str.replace(/\b\w+\b/g, function (word) {return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();});case 3:return str.split('').map(function (word) {if (/[a-z]/.test(word)) {return word.toUpperCase();} else {return word.toLowerCase()}}).join('')case 4:return str.toUpperCase();case 5:return str.toLowerCase();default:return str;}
}

检测密码强度

export const checkPwd = (str) => {var Lv = 0;if (str.length < 6) {return Lv}if (/[0-9]/.test(str)) {Lv++}if (/[a-z]/.test(str)) {Lv++}if (/[A-Z]/.test(str)) {Lv++}if (/[\.|-|_]/.test(str)) {Lv++}return Lv;
}

函数节流器

export const debouncer = (fn, time, interval = 200) => {if (time - (window.debounceTimestamp || 0) > interval) {fn && fn();window.debounceTimestamp = time;}
}

在字符串中插入新字符串

export const insertStr = (soure, index, newStr) => {var str = soure.slice(0, index) + newStr + soure.slice(index);return str;
}

判断两个对象是否键值相同

export const isObjectEqual = (a, b) => {var aProps = Object.getOwnPropertyNames(a);var bProps = Object.getOwnPropertyNames(b);if (aProps.length !== bProps.length) {return false;}for (var i = 0; i < aProps.length; i++) {var propName = aProps[i];if (a[propName] !== b[propName]) {return false;}}return true;
}

16进制颜色转RGBRGBA字符串

export const colorToRGB = (val, opa) => {var pattern = /^(#?)[a-fA-F0-9]{6}$/; //16进制颜色值校验规则var isOpa = typeof opa == 'number'; //判断是否有设置不透明度if (!pattern.test(val)) { //如果值不符合规则返回空字符return '';}var v = val.replace(/#/, ''); //如果有#号先去除#号var rgbArr = [];var rgbStr = '';for (var i = 0; i < 3; i++) {var item = v.substring(i * 2, i * 2 + 2);var num = parseInt(item, 16);rgbArr.push(num);}rgbStr = rgbArr.join();rgbStr = 'rgb' + (isOpa ? 'a' : '') + '(' + rgbStr + (isOpa ? ',' + opa : '') + ')';return rgbStr;
}

追加url参数

export const appendQuery = (url, key, value) => {var options = key;if (typeof options == 'string') {options = {};options[key] = value;}options = $.param(options);if (url.includes('?')) {url += '&' + options} else {url += '?' + options}return url;
}

JS开发常用方法封装相关推荐

JS中常用方法的封装【转载】
JS中常用方法的封装[转载] 转载理由:我想这么好的内容,可不能因为作者的博客倒闭了就没了,所以就Fork了一份,并复制了一份到自己的博客. 编写自己的代码库(javascript常用实例的实现与封装 ...
django model filter_Django开发常用方法及面试题
Django开发常用方法及面试题目录 1. 对Django的认识? 2. Django .Flask.Tornado的对比 3. 什么是wsgi,uwsgi,uWSGI? 4. django请求的生 ...
83998 连接服务器出错_新生福利 | 使用 Node.Js 开发服务器
点击蓝字关注,创智助你长姿势 Node.js 是一个 Javascript 运行环境 (runtime),发布于 2009 年 5 月,由 Ryan Dahl 开发.实际上它是对 Google V8 ...
mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
用Vue.js开发微信小程序：开源框架mpvue解析
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...
【转】第7篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：全自动注册与反射方法分析...
作者: 牛A与牛C之间时间: 2013-12-12 分类: 技术文章 | 2条评论 | 编辑文章主页 » 技术文章 » 第7篇:Xilium CefGlue 关于 CLR Object 与 JS ...
详细记录基于vue+nodejs+mongodb构建的商城学习（四）基于项目的node.js开发后端的学习与梳理总结...
前置: 本系列文章是一个本人边学习边梳理的学习笔记,俗话说好脑袋不如烂笔头,再好的记忆力时间长了也会有细节忘记,本项目选择的前端框架是vue,后端开发使用是node.js,数据库使用的是mongodb ...
prototype.js开发笔记(转)
prototype.js开发笔记 Table of Contents 1. Programming Guide 1.1. Prototype是什么? 1.2. 关联文章 1.3. 通用性方法 1.3. ...
《Node.js开发指南》读书笔记
继续学学node.js.翻开书首先被惊到=.=:作者BYVoid是清华大学2010级本科--同样是2010级本科,我真是无语凝噎,大学浪费了好多时间.不过过去的已经过去了,接下来好好努力提高才好,加油 ...

JS开发常用方法封装

生成随机 ID

操作 URL 查询参数

格式化金钱

生成随机 HEX 色值

取整

判断奇偶

取最小最大值

生成范围随机数

判断数据类型

是否为空对象

switch/case 使用区间

混淆数组

过滤空值

检测非空参数

格式化日期

获取距离今天，d天的时间

类型判断

类型日期是否为周末

判断一个时间是否在某个区段中

保留N位小数(四舍五入)，从此告别toFixed(n)

邮箱正则

手机号码正则

电话号码

是否url地址

是否字符串

是否数字

是否boolean

是否函数

是否为null

是否undefined

是否对象

是否数组

是否时间

是否正则

是否错误对象

是否Symbol函数

是否Promise对象

是否Set对象

是否是微信浏览器

是否是移动端

是否是QQ浏览器

是否是爬虫

是否ios

是否为PC端

去除html标签

获取url参数

动态引入js

根据url地址下载

el添加某个class

滚动到顶部

el是否在视口范围内

洗牌算法随机

劫持粘贴板

判断类型集合

严格的身份证校验

随机数范围

将阿拉伯数字翻译成中文的大写数字

将数字转换为大写金额

判断一个元素是否在数组中

数组排序，{type} 1：从小到大 2：从大到小 3：随机

去重

求两个集合的并集

求两个集合的交集

删除其中一个元素

将类数组转换为数组

最大值

最小值

求和

平均值

去除空格,type: 1-所有空格 2-前后空格 3-前空格 4-后空格

字符转换，type: 1:首字母大写 2：首字母小写 3：大小写转换 4：全部大写 5：全部小写

检测密码强度

函数节流器

在字符串中插入新字符串

判断两个对象是否键值相同

16进制颜色转RGBRGBA字符串

追加url参数

JS开发常用方法封装相关推荐

最新文章