前端常用的 59 個工具類【持續更新】

火狼1發表於2019-12-03

前言

前端開發有時會處理一部分後臺返回的資料,或者根據資料判斷做一些處理;
這個時候就非常有必要將一些常用的工具類封裝起來;
本文根據常用的一些工具類封裝了 59 個方法,當然還有很多用的較少前期沒有錄入,後期持續跟新;
原始碼地址,utils-lan 原始碼地址,歡迎 star!

使用

1.方法一

npm i -S utils-lan  
import utils from 'utils-lan'  
console.log(utils.arrJudge(['1','2']))
複製程式碼

2.方法二 git clone utils-lan 原始碼地址下來匯入專案;

3.關於類名
是根據字面量來命名的,方法首個駝峰表示所屬型別,後面是方法作用;
如 arrAndSet 一看就是陣列的方法,是處理交集的;
如果實在難以忍受,可以採用方法 2,匯入本地對專案進行更改.

arr

1.arrAndSet

並集

/**
 * 陣列並集,只支援一維陣列
 * @param {Array} arrOne
 * @param {Array} arrTwo
 */
export const arrAndSet = (arrOne, arrTwo) => {
  return arrOne.concat(arrTwo.filter(v => !arrOne.includes(v)))
}
複製程式碼

2.arrIntersection

交集

/**
 * 陣列交集,只支援一維陣列
 * @param {Array} arrOne
 * @param {Array} arrTwo
 */
export const arrIntersection = (arrOne, arrTwo) => {
  return arrOne.filter(v => arrTwo.includes(v))
}
複製程式碼

3.arrDifference

差集

/**
 * 陣列差集,只支援一維陣列
 * @param {Array} arrOne
 * @param {Array} arrTwo
 * eg: [1, 2, 3] [2, 4, 5] 差集為[1,3,4,5]
 */
export const arrDifference = (arrOne, arrTwo) => {
  return arrOne.concat(arrTwo).filter(v => !arrOne.includes(v) || !arrTwo.includes(v))
}
複製程式碼

4.arrTwoToArrObj

兩個陣列合併成一個陣列物件

/**
 * 兩個陣列合併成一個物件陣列,考慮到複雜度,所以目前支援兩個一維陣列
 * @param {Array} arrOne
 * @param {Array} arrTwo
 * @param {oneKey} oneKey 選填,如果兩個都未傳,直接以 arrOne 的值作為 key,arrTwo 作為 value
 * @param {twoKey} twoKey
 */
export const arrTwoToArrObj = (arrOne, arrTwo, oneKey, twoKey) => {
  if(!oneKey&&!twoKey){
    return arrOne.map((oneKey, i) => ({ [oneKey]:arrTwo[i] }))
    // 或者,此方法針對將 arrTwo 的索引作為 key 的情況,arrTwo 值會覆蓋 arrOne
   // return Object.assign({}, arrOne, arrTwo)
  }else{
    return arrOne.map((oneKey, i) => ({ oneKey, twoKey: arrTwo[i] }))
  }
}
複製程式碼

5.arrObjSum

陣列物件求和

/**
 * 陣列物件求和
 * @param {Object} arrObj 陣列物件
 * @param {String} key 陣列對應的 key 值
 */
export const arrObjSum = (obj, key) => {
  return obj.reduce((prev, cur) => prev + cur.key, 0)
}
複製程式碼

6.arrConcat

陣列合並

/**
 * 陣列合並,目前合併一維
 * @param {Array} arrOne 陣列
 * @param {Array} arrTwo 陣列
 */
export const arrConcat = (arrOne, arrTwo) => {
  return [...arrOne, ...arrTwo]
}
複製程式碼

7.arrSum

陣列求和

/**
 * 陣列求和
 * @param {Array} arr 陣列
 */
export const arrSum = arr => {
  return arr.reduce((prev, cur)=> {
    return prev + cur
  }, 0)
}
複製程式碼

8.arrIncludeValue

陣列是否包含某值

/**
 * 陣列是否包含某值
 * @param {Array} arr 陣列
 * @param {}  value 值,目前只支援 String,Number,Boolean
 */
export const arrIncludeValue = (arr,  value) => {
  return arr.includes( value)
}
複製程式碼

9.arrMax

陣列最大值

/**
 * 陣列最大值
 * @param {Array} arr  陣列
 */
export const arrMax = arr => {
  return Math.max(...arr)
}
複製程式碼

10.arrRemoveRepeat

陣列去重

/**
 * 陣列去重
 * @param {Array} arr  陣列
 */
export const arrRemoveRepeat = arr => {
  return Array.from(new Set(arr))
}
複製程式碼

11.arrOrderAscend

陣列排序

/**
 * 陣列排序
 * @param {Array} arr  陣列
 * @param {Boolean} ascendFlag   升序,預設為 true
 */
export const arrOrderAscend = (arr, ascendFlag=true) => {
  return arr.sort((a, b) => {
    return ascendFlag ? a - b : b - a
  })
}
複製程式碼

12.arrJudge

判斷是否是陣列

/**
 * 判斷是否是陣列
 * @param {Array}} arr 陣列
 */
export const arrJudge = arr => Array.isArray(arr)
複製程式碼

check

13.checkNum

判斷是否是數字

/**
 *  判斷是否是數字
 * @param {Number} data
 */
export const checkNum = data => /^\d{1,}$/g.test(data)
複製程式碼

14.checkLetter

判斷是否是字母

/**
 *  判斷是否是字母
 * @param {Number} data
 */
export const checkLetter = data => /^[a-zA-Z]+$/g.test(data)
複製程式碼

15.checkLowercaseLetter

判斷是否全部是小寫字母

/**
 *  判斷是否全部是小寫字母
 * @param {Number} data
 */
export const checkLowercaseLetter = data => /^[a-z]+$/g.test(data)
複製程式碼

16.checkCapitalLetter

判斷是否是大寫字母

/**
 *  判斷是否是大寫字母
 * @param {Number} data
 */
export const checkCapitalLetter = data => /^[A-Z]+$/g.test(data)
複製程式碼

17.checkNumOrLetter

判斷是否是字母或數字

/**
 * 判斷是否是字母或數字
 * @param {Number || String} data  字元或數字
 */
export const checkNumOrLetter = data => /^[0-9a-zA-Z]*$/g.test(data)
複製程式碼

判斷是否是字母和數字的組合

/**
 * 判斷是否是字母或數字
 * @param {Number || String} data  字元或數字
 */
export const checkNumAndLetter = data => /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,15}$/g.test(data)
複製程式碼

18.checkChinese

判斷是否是中文

/**
 * 判斷是否是中文
 * @param {String} data  中文
 */
export const checkChinese = data => /^[\u4E00-\u9FA5]+$/g.test(data)
複製程式碼

19.checkChineseNumberLettter

判斷是否是中文，數字或字母

export const checkChineseNumberLettter = data => /^[a-zA-Z0-9\u4e00-\u9fa5]+$/g.test(data)
複製程式碼

20.checkEmail

判斷是否是郵箱地址

/**
 * 判斷是否是郵箱地址
 * @param {String} data
 */
export const checkEmail = data => {
  const reg = /^[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
  if (reg.test(data)) return true
}
複製程式碼

21.checkTelphone

判斷是否是手機號

/**
 * 判斷是否是手機號，只要是13,14,15,16,17,18,19開頭即可
 * @param {String} data
 */
export const checkTelphone = data => {
  const reg = /^((\+|00)86)?1[3-9]\d{9}$/g
  if (reg.test(data)) return true
}
複製程式碼

22.checkUrl

判斷是否是正確的網址

/**
 * 判斷是否是正確的網址
 * @param {String} url 網址
 */
export const checkUrl = url => {
  const a = document.createElement('a')
  a.href = url
  return [
    /^(http|https):$/.test(a.protocol),
    a.host,
    a.pathname !== url,
    a.pathname !== `/${url}`
  ].find(x => !x) === undefined
}
複製程式碼

client

23.checkBrowser

/**
 * 判斷是瀏覽器核心
 */
export const checkBrowser = () => {
  const u = navigator.userAgent;
  const obj = {
    trident: u.indexOf("Trident") > -1, //IE核心
    presto: u.indexOf("Presto") > -1, //opera核心
    webKit: u.indexOf("AppleWebKit") > -1, //蘋果、谷歌核心
    gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐核心
  }
  return Object.keys(obj)[Object.values(obj).indexOf(true)]
};
複製程式碼

24.checkIosAndroidIpad

判斷是終端型別,值有ios,android,iPad

/**
 * 判斷是終端型別,值有ios,android,iPad
 */
export const checkIosAndroidIpad = () => {
  const u = navigator.userAgent;
  const obj = {
    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
    android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, //android終端或者uc瀏覽器
    iPad: u.indexOf("iPad") > -1, //是否iPad
  }
  return Object.keys(obj)[Object.values(obj).indexOf(true)]
};
複製程式碼

25.checkWeixinQqUc

判斷是否是微信,qq 或 uc

/**
 * 判斷是否是微信,qq 或 uc
 */
export const checkWeixinQqUc = () => {
 
  const u = navigator.userAgent;
  const obj = {
    weixin: u.indexOf("MicroMessenger") > -1, //是否微信
    qq: u.match(/QQ/i) == "qq"&&!u.indexOf('MQQBrowser') > -1, //是否QQ
    uc: u.indexOf('UCBrowser') > -1
  }
  return Object.keys(obj)[Object.values(obj).indexOf(true)]
};
複製程式碼

26.checkIsIphoneX

檢查是否是 IphoneX

/**
 * 檢查是否是 IphoneX
 */
export const checkIsIphoneX = () => {
  const u = navigator.userAgent;
  const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  if (isIOS && screen.height >= 812) {
    return true;
  }
};
複製程式碼

file

27.fileFormatSize

格式化檔案單位

/**
 * 格式化檔案單位
 * @param {String || Number} size  檔案大小(kb)
 */
export const fileFormatSize = size => {
  var i
  var unit = ['B', 'KB', 'MB', 'GB', 'TB', 'PB']
  for (i = 0; i < unit.length && size >= 1024; i++) {
    size /= 1024
  }
  return (Math.round(size * 100) / 100 || 0) + unit[i]
}
複製程式碼

obj

28.objIsEqual

判斷兩個物件是否相等,目前只支援物件值為簡單資料型別的判斷

/**
 * 判斷兩個物件是否相等,目前只支援物件值為簡單資料型別的判斷
 * @param {Object} oneObj  物件
 * @param {Object} twoObj 物件
 */
export const objIsEqual = (oneObj, twoObj) => {
  const aProps = Object.getOwnPropertyNames(oneObj);
  const bProps = Object.getOwnPropertyNames(twoObj);

        if (aProps.length != bProps.length) {
            return false;
        }

        for (let i = 0; i < aProps.length; i++) {
            let propName = aProps[i];
            let propA = oneObj[propName];
            let propB = twoObj[propName];
            if ( propA !== propB) {
                    return false;
            }
        }
        return true;
}
複製程式碼

29.objDeepClone

物件深度克隆;
1.JSON.stringify深度克隆物件;
2.無法對函式、RegExp等特殊物件的克隆;
3.會拋棄物件的constructor,所有的建構函式會指向Object;
4.物件有迴圈引用,會報錯

/**
 * 物件深度克隆,
 * JSON.stringify深度克隆物件
 * 無法對函式 、RegExp等特殊物件的克隆,
 * 會拋棄物件的constructor,所有的建構函式會指向Object
 * 物件有迴圈引用,會報錯
 * @param {Object}  obj 克隆的物件
 */
export const objDeepClone = obj => {
  return clone(obj)
}

const isType = (obj, type) => {
  if (typeof obj !== 'object') return false;
  // 判斷資料型別的經典方法：
  const typeString = Object.prototype.toString.call(obj);
  let flag;
  switch (type) {
    case 'Array':
      flag = typeString === '[object Array]';
      break;
    case 'Date':
      flag = typeString === '[object Date]';
      break;
    case 'RegExp':
      flag = typeString === '[object RegExp]';
      break;
    default:
      flag = false;
  }
  return flag;
};

/**
* deep clone
* @param  {[type]} parent object 需要進行克隆的物件
* @return {[type]}        深克隆後的物件
*/
const clone = parent => {
  // 維護兩個儲存迴圈引用的陣列
  const parents = []
  const children = []

  const _clone = parent => {
    if (parent === null) return null
    if (typeof parent !== 'object') return parent

    let child, proto

    if (isType(parent, 'Array')) {
      // 對陣列做特殊處理
      child = []
    } else if (isType(parent, 'RegExp')) {
      // 對正則物件做特殊處理
      child = new RegExp(parent.source, getRegExp(parent))
      if (parent.lastIndex) child.lastIndex = parent.lastIndex
    } else if (isType(parent, 'Date')) {
      // 對Date物件做特殊處理
      child = new Date(parent.getTime())
    } else {
      // 處理物件原型
      proto = Object.getPrototypeOf(parent)
      // 利用Object.create切斷原型鏈
      child = Object.create(proto)
    }

    // 處理迴圈引用
    const index = parents.indexOf(parent)

    if (index !== -1) {
      // 如果父陣列存在本物件,說明之前已經被引用過,直接返回此物件
      return children[index]
    }
    parents.push(parent)
    children.push(child)

    for (const i in parent) {
      // 遞迴
      child[i] = _clone(parent[i])
    }

    return child
  }
  return _clone(parent)
}

複製程式碼

storage

30.localStorageSet

localStorage 存貯
目前物件值如果是函式、RegExp等特殊物件存貯會被忽略

/**
 * localStorage 存貯
 * 目前物件值如果是函式 、RegExp等特殊物件存貯會被忽略
 * @param {String} key  屬性
 * @param {Object} value 值
 */
export const localStorageSet = (key, value) => {
  if (typeof (value) === 'object') value = JSON.stringify(value)
  localStorage.setItem(key, value)
}
複製程式碼

31.localStorageGet

localStorage 獲取

/**
 * localStorage 獲取
 * @param {String} key  屬性
 */
export const localStorageGet = (key) => {
  return localStorage.getItem(key)
}
複製程式碼

32.localStorageRemove

localStorage 移除

/**
 * localStorage 移除
 * @param {String} key  屬性
 */
export const localStorageRemove = (key) => {
  localStorage.removeItem(key)
}
複製程式碼

33.localStorageSetExpire

localStorage 存貯某一段時間失效

/**
 * localStorage 存貯某一段時間失效
 * @param {String} key  屬性
 * @param {*} value 存貯值
 * @param {String} expire 過期時間,毫秒數
 */
export const localStorageSetExpire = (key, value, expire) => {
  if (typeof (value) === 'object') value = JSON.stringify(value)
  localStorage.setItem(key, value)
  setTimeout(() => {
    localStorage.removeItem(key)
  }, expire)
}
複製程式碼

34.sessionStorageSet

sessionStorage 存貯

/**
 * sessionStorage 存貯
 * @param {String} key  屬性
 * @param {*} value 值
 */
export const sessionStorageSet = (key, value) => {
  if (typeof (value) === 'object') value = JSON.stringify(value)
  sessionStorage.setItem(key, value)
}
複製程式碼

35.sessionStorageGet

sessionStorage 獲取

/**
 * sessionStorage 獲取
 * @param {String} key  屬性
 */
export const sessionStorageGet = (key) => {
  return sessionStorage.getItem(key)
}
複製程式碼

36.sessionStorageRemove

sessionStorage 刪除

/**
 * sessionStorage 刪除
 * @param {String} key  屬性
 */
export const sessionStorageRemove = (key, value) => {
  sessionStorage.removeItem(key, value)
}
複製程式碼

37.sessionStorageSetExpire

sessionStorage 存貯某一段時間失效

/**
 * sessionStorage 存貯某一段時間失效
 * @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)
}
複製程式碼

38.cookieSet

cookie 存貯

/**
 * cookie 存貯
 * @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.toGMTString()}`
}

複製程式碼

39.cookieGet

cookie 獲取

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

40.cookieRemove

cookie 刪除

/**
 * cookie 刪除
 * @param {String} key  屬性
 */
export const cookieRemove = (key) => {
  document.cookie = `${encodeURIComponent(key)}=;expires=${new Date()}`
}
複製程式碼

str

41.strTrimLeftOrRight

去掉字元左右空格

/**
 * 去掉字元左右空格
 * @param {String} str 字元
 */
export const strTrimLeftOrRight = str => {
  return str.replace(/(^\s*)|(\s*$)/g, "")
}
複製程式碼

42.strInclude

判斷字元是否包含某值

/**
 * 判斷字元是否包含某值
 * @param {String} str 字元
 * @param {String} value 字元
 */
export const strInclude = (str, value) => {
  return str.includes(value)
}
複製程式碼

43.strBeginWith

判斷字元是否以某個字元開頭

/**
 * 判斷字元是否以某個字元開頭
 * @param {String} str 字元
 * @param {String} value 字元
 */
export const strBeginWith = (str, value) => {
  return str.indexOf(value) === 0
}
複製程式碼

44.strReplace

全域性替換某個字元為另一個字元

/**
 * 全域性替換某個字元為另一個字元
 * @param {String} str 字元
 * @param {String} valueOne 包含的字元
 * @param {String} valueTwo 要替換的字元,選填
 */
export const strReplace = (str, valueOne, valueTwo) => {
  return str.replace(new RegExp(valueOne,'g'), valueTwo)
}
複製程式碼

45.strToCapital

將字母全部轉化成大寫

/**
 * 將字母全部轉化成大寫
 * @param {String} str 字元
 */
export const strToCapital = (str) => {
  return str.toUpperCase()
}
複製程式碼

46.strToLowercase

將字母全部轉化成小寫

/**
 * 將字母全部轉化成小寫
 * @param {String} str 字元
 */
export const strToLowercase = (str) => {
  return str.toLowerCase()
}
複製程式碼

47.strToCapitalLetter

將字母全部轉化成以大寫開頭

/**
 * 將字母全部轉化成以大寫開頭
 * @param {String} str 字元
 */
export const strToCapitalLetter = (str) => {
  const strOne = str.toLowerCase()
  return strOne.charAt(0).toUpperCase() + strOne.slice(1)
}
複製程式碼

thrDeb

48.throttle

節流

/**
 * 節流
 * @param {*} func 執行函式
 * @param {*} delay 節流時間,毫秒
 */
export const throttle = function(func, delay) {
  let timer = null
  return function() {
    if (!timer) {
      timer = setTimeout(() => {
        func.apply(this, arguments)
        // 或者直接 func()
        timer = null
      }, delay)
    }
  }
}
複製程式碼

49.debounce

防抖

/**
 * 防抖
 * @param {*} fn 執行函式
 * @param {*} wait 防抖時間,毫秒
 */
export const debounce = function(fn, wait) {
  let timeout = null
  return function() {
    if (timeout !== null) clearTimeout(timeout)// 如果多次觸發將上次記錄延遲清除掉
    timeout = setTimeout(() => {
      fn.apply(this, arguments)
      // 或者直接 fn()
      timeout = null
    }, wait)
  }
}
複製程式碼

time

50.getYear

獲取年份

/**
 * 獲取年份
 */
export const getYear = () => {
  return new Date().getFullYear()
}
複製程式碼

51.getMonth

獲取月份

/**
 * 獲取當前月份
 * @param {Boolean} fillFlag 布林值,是否補 0,預設為 true
 */
export const getMonth = (fillFlag=true) => {
  const mon = new Date().getMonth() + 1
  const monRe = mon
  if (fillFlag) mon < 10 ? `0${mon}` : mon
  return monRe
}
複製程式碼

52.getDay

獲取日

/**
 * 獲取日
 * @param {Boolean} fillFlag 布林值,是否補 0
 */
export const getDay = (fillFlag=true) => {
  const day = new Date().getDate()
  const dayRe = day
  if (fillFlag) day < 10 ? `0${day}` : day
  return dayRe
}
複製程式碼

53.getWhatDay

星期幾

/**
 * 獲取星期幾
 */
export const getWhatDay = () => {
  return new Date().getDay() ? new Date().getDay() : 7
}
複製程式碼

54.getMonthNum

獲取當前月天數

/**
 * 獲取當前月天數
 * @param {String} year 年份
 * @param {String} month 月份
 */
export const getMonthNum = (year, month) => {
  var d = new Date(year, month, 0)
  return d.getDate()
}
複製程式碼

55.getYyMmDdHhMmSs

獲取當前時間 yyyy-mm-dd,hh:mm:ss

/**
 * 獲取當前時間 yyyy-mm-dd,hh:mm:ss
 */
export const getYyMmDdHhMmSs = () => {
  const date = new Date()
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hours = date.getHours()
  const minu = date.getMinutes()
  const second = date.getSeconds()
  const arr = [month, day, hours, minu, second]
  arr.forEach(item => {
    item < 10 ? '0' + item : item
  })
  return (
    year +
    '-' +
    arr[0] +
    '-' +
    arr[1] +
    ' ' +
    arr[2] +
    ':' +
    arr[3] +
    ':' +
    arr[4]
  )
}
複製程式碼

56.timesToYyMmDd

時間戳轉化為年月日

/**
 * 時間戳轉化為年月日
 * @param times 時間戳
 * @param ymd 格式型別(yyyy-mm-dd,yyyy/mm/dd)
 * @param hms 可選,格式型別(hh,hh:mm,hh:mm:ss)
 * @returns {年月日}
 */
export const timesToYyMmDd = (times, ymd,  hms) => {
  const oDate = new Date(times)
  const oYear = oDate.getFullYear()
  const oMonth = oDate.getMonth() + 1
  const oDay = oDate.getDate()
  const oHour = oDate.getHours()
  const oMin = oDate.getMinutes()
  const oSec = oDate.getSeconds()
  let oTime // 最後拼接時間
  // 年月日格式
  switch (ymd) {
    case 'yyyy-mm-dd':
      oTime = oYear + '-' + getzf(oMonth) + '-' + getzf(oDay)
      break
    case 'yyyy/mm/dd':
      oTime = oYear + '/' + getzf(oMonth) + '/' + getzf(oDay)
      break
  }
  // 時分秒格式
  switch (hms) {
    case 'hh':
      oTime = ' '+oTime + getzf(oHour)
      break
    case 'hh:mm':
      oTime = oTime + getzf(oHour) + ':' + getzf(oMin)
      break
    case 'hh:mm:ss':
      oTime = oTime + getzf(oHour) + ':' + getzf(oMin) + ':' + getzf(oSec)
      break
  }
  return oTime
}
複製程式碼

57.YyMmDdToTimes

將年月日轉化成時間戳

/**
 * 將年月日轉化成時間戳
 * @param {String} time yyyy/mm/dd 或yyyy-mm-dd 或yyyy-mm-dd hh:mm 或yyyy-mm-dd hh:mm:ss
 */
export const YyMmDdToTimes = (time) => {
  return new Date(time.replace(/-/g, '/')).getTime()
}

複製程式碼

58.compareTimeOneLessTwo

/**
 *  比較時間 1 小於時間 2
 * @param {String} timeOne  時間 1
 * @param {String} timeTwo  時間 2
 */
export const compareTimeOneLessTwo = (timeOne, timeTwo) => {
  // 判斷 timeOne 和 timeTwo 是否
  return new Date(timeOne.replace(/-/g, '/')).getTime()<new Date(timeTwo.replace(/-/g, '/')).getTime()
}
複製程式碼

url

59.getQueryString

獲取 url 後面通過?傳參的引數~~~~

/**
 *  獲取 url 後面通過?傳參的引數
 * @param {String} name
 */
export function getQueryString(name) {
  const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
  const url = window.location.href
  const search = url.substring(url.lastIndexOf('?') + 1)
  const r = search.match(reg)
  if (r != null) return unescape(r[2])
  return null
}
複製程式碼

總結

碼字不易,持續更新中,歡迎 start!

前端常用的工具類函式, 持續更新中
2019-02-16
前端函式
常用快捷鍵，持續更新（個人向）
2019-12-21
(持續更新, 目前含100+工具類) DevUtils 是一個 Android 工具庫
2019-03-15
devAndroid
PHP的常用函式持續更新
2021-02-09
PHP函式
Python Redis常用操作（持續更新）
2020-05-27
PythonRedis
go 常用包整理（持續更新）
2020-01-03
Go
前端演算法類面試總結(持續更新...)
2019-02-27
前端演算法面試
一些常用的命令（持續更新）
2020-03-26
前端程式碼集合（持續更新）
2021-10-09
前端
前端知識點(持續更新)
2019-04-02
前端
JAVA類庫之——Character類(持續更新)
2020-11-01
Java
docker 常用命令（持續更新）
2019-12-11
Docker
Git 常用命令（持續更新）
2019-11-28
Git
Linux 常用命令持續更新
2018-11-13
Linux
個人前端資源彙集（吐血整理 / 持續更新）
2020-04-07
前端
學習 Laravel —— 前端篇（持續更新）
2019-10-05
Laravel前端
前端冷知識（持續更新2020.12.13）
2020-12-13
前端
前端佈局總結（持續更新）
2018-04-13
前端
一個前端工程師的Docker學習筆記【持續更新】
2020-03-31
前端工程師Docker筆記
Linux常用命令整理-持續更新
2021-01-01
Linux
前端面試問題二（持續更新）
2019-02-28
前端面試
Bootstrap 前端資源大全集（持續更新）
2018-06-26
boot前端
PHP常用函式歸類【持續整理】
2021-09-09
PHP函式
Android 常用開源庫總結（持續更新）
2019-03-07
Android
CentOS 7 常用命令 (持續更新中...)
2018-12-25
CentOS
Python3常用函式速查【持續更新】
2018-05-27
Python函式
2019“寒冬”前端面試必備（持續更新...）
2019-05-08
前端面試
前端學習資源彙總（持續更新）
2018-12-09
前端
前端開發踩坑日誌（持續更新。。。）
2018-08-08
前端
個人在python爬蟲一些常用的技巧（後期會持續更新）
2020-10-18
Python爬蟲
iOS開發常用小技巧記錄（持續更新）
2018-07-31
iOS
後端常用開源元件合集(持續更新中)
2018-04-23
後端元件
(持續更新) 常用 Laravel 開發的 Composer 擴充套件包
2019-07-24
Laravel套件
JVM（持續更新。。。）
2019-04-18
JVM
FastApi持續更新
2021-07-04
ASTAPI
前端面試題總結——HTML(持續更新中)
2019-06-18
前端面試題HTML
前端工程師面試必備（持續更新中）
2019-05-06
前端工程師面試
寫給前端工程師的Linux實戰教程【持續更新】
2020-03-30
前端工程師Linux