util-tool工具

Posted 2022-12-02 xiaolucky

let myTool = 
  // 手机号验证
  checkPhone(str) 
    return /^1[0-9]10$/.test(str)
  ,
  // 电话验证
  tel(str) 
    return /^(0\d2,3-\d7,8)(-\d1,4)?$/.test(str)
  ,
  // 首尾空格去除
  trim(str) 
    return str.replace(/(^\s*)|(\s*$)/g, ‘‘)
  ,
  // 替换所有空格
  trimAll(str) 
    return str.replace(/\s+/g, ‘‘);
  ,
  // 获取url参数
  getQueryString(name) 
    let url = location.href.split(‘?‘)[1]
    let theRequest = 
    if (url) 
      let strs = url.split(‘&‘)
      for (var i = 0; i < strs.length; i++) 
        theRequest[strs[i].split(‘=‘)[0]] = decodeURIComponent(strs[i].split(‘=‘)[1])
      
    
    return theRequest[name]
  ,
  // 设置cookie
  setCookie(name, value, iDay) 
    var oDate = new Date()
    oDate.setDate(oDate.getDate() + iDay)
    document.cookie = name + ‘=‘ + value + ‘;expires=‘ + oDate + ‘; path=/‘
  ,
  // 获取cookie
  getCookie(name) 
    var arr = document.cookie.split(‘; ‘)
    for (var i = 0; i < arr.length; i++) 
      var arr2 = arr[i].split(‘=‘)
      if (arr2[0] === name) 
        return arr2[1]
      
    
    return ‘‘
  ,
  // 删除cookie
  removeCookie(name) 
    this.setCookie(name, ‘‘, -1)
  ,
  // 设置本地存储
  setItem(name, value) 
    localStorage.setItem(key, JSON.stringify(
      val: value,
      time: new Date().getTime()
    ))
  ,
  // 获取本地存储
  getItem(key, day) 
    let text = ‘‘
    let val = localStorage.getItem(key)
    if (val) 
      let item = JSON.parse(val)
      if (!item.time || (new Date().getTime() - item.time > day * 24 * 60 * 60 * 1e3)) 
        localStorage.removeItem(key)
       else 
        text = item.val
      
    
    return text
  ,
  // 获取文本长度
  getStringLen: function (str) 
    var len = 0;
    for (var i = 0; i < str.length; i++) 
      str.charCodeAt(i) > 255 ? len += 2 : len += 1;
    
    return len;
  ,
  // 判断微信浏览器
  isWeiXin: /micromessenger/i.test(navigator.userAgent.toLowerCase()),
  isios: /iphone|ipad/i.test(navigator.userAgent.toLowerCase()),
  isandroid: /android/i.test(navigator.userAgent.toLowerCase()),
  // 判断数据类型
  isType(obj, type) 
    // obj instanceof Array
    // obj.constructor === Array
    // Array.isArray(obj)
    // undefined function boolean number string array object
    return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() === type
  ,
  // 深拷贝对象
  clone(obj) 
    if ("object" != typeof obj) return obj
    var copy = obj instanceof Array ? [] : 
    for (var attr in obj) 
      copy[attr] = clone(obj[attr])
    
    return copy
  ,
  // 时间戳转时间
  timeFormat(val, type) 
    let time = ‘‘
    if (val) 
      let date = new Date(val * 1000)
      let year = date.getFullYear()
      let month = date.getMonth() + 1 < 10 ? ‘0‘ + (date.getMonth() + 1) : date.getMonth() + 1
      let day = date.getDate() < 10 ? ‘0‘ + date.getDate() : date.getDate()
      let h = date.getHours() < 10 ? ‘0‘ + date.getHours() : date.getHours()
      let m = date.getMinutes() < 10 ? ‘0‘ + date.getMinutes() : date.getMinutes()
      let s = date.getSeconds() < 10 ? ‘0‘ + date.getSeconds() : date.getSeconds()

      if (type === ‘second‘) 
        // 2018.11.12 00:00
        time = `$year.$month.$day $h:$m`
       else if (type === ‘time‘) 
        // 12月11日00:00
        time = `$month月$day日$h:$m`
       else if (type === ‘month‘) 
        // 12月11日
        time = `$month月$day日`
      
    
    return time
  ,
  // 数组里最大的数字
  max(arr) 
    // 方法1
    return Math.max(...arr)
    // 方法2
    return Math.max.apply(Math, arr)
  ,
  // 设置html的font-size
  setFontSize(_client) 
    // _client 设计稿的宽度
    let docEl = document.documentElement,
      resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,
      countSize = function () 
        // 方法1
        let devieWidth = Math.min(_client, docEl.clientWidth, docEl.clientHeight)
        let fonSize = devieWidth > 1080 ? 144 : devieWidth / _client * 100
        docEl.style.fontSize = fonSize + ‘px‘

        // 方法2 根据vw ios兼容最低7 android兼容最低4.4
        docEl.style.fontSize = 100 / _client * 100 + ‘vw‘
      ;
    window.addEventListener(resizeEvt, countSize, false)
    countSize()
  ,
  // 查找类名 html5属性classList
  hasClass(obj, className) 
    // let obj = document.querySelectorAll(obj)
    return obj.classList.contains(className)
  ,
  // 添加类名
  addClass(obj, className) 
    obj.classList.add(className)
    return this
  ,
  // 删除类名
  removeClass(obj, className) 
    obj.classList.remove(className)
    return this
  ,
  // 动画
  animate(obj, josn, fn) 
    function css(obj, attr) 
      if (obj.currentStyle) 
        return obj.currentStyle[attr]
      
      return getComputedStyle(obj, false)[attr]
    
    clearInterval(obj.iTimer)
    var iSpeed = 0
    var iCur = 0
    obj.iTimer = setInterval(function () 
      var iEnd = true
      for (var attr in json) 
        iCur = parseInt(css(obj, attr))
        iSpeed = (json[attr] - iCur) / 8
        iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed)

        if (iCur !== json[attr]) 
          iEnd = false;
          obj.style[attr] = iSpeed + iCur + ‘px‘;
        
        if (iEnd) 
          clearInterval(obj.iTimer);
          fn && fn.call(obj);
        
      
    , 30);
  ,
  // 拖拽移动
  drag(block) 
    var oW
    var oH
    var maxWidth = document.documentElement.clientWidth - block.offsetWidth
    var maxHeight = document.documentElement.clientHeight - block.offsetHeight
    block.addEventListener(‘touchstart‘, function (e) 
      var touches = e.touches[0]
      oW = touches.clientX - block.offsetLeft
      oH = touches.clientY - block.offsetTop
      document.addEventListener(‘touchmove‘, defaultEvent, false)
    , false)

    block.addEventListener(‘touchmove‘, function (e) 
      var touches = e.touches[0]
      var oLeft = touches.clientX - oW
      var oTop = touches.clientY - oH
      oLeft = oLeft < 0 ? 0 : oLeft
      oLeft = oLeft > maxWidth ? maxWidth : oLeft
      oTop = oTop < 0 ? 0 : oTop
      oTop = oTop > maxHeight ? maxHeight : oTop
      block.style.left = oLeft + ‘px‘
      block.style.top = oTop + ‘px‘
      e.preventDefault()
    , false)

    block.addEventListener(‘touchend‘, function () 
      document.removeEventListener(‘touchmove‘, defaultEvent, false)
    , false)
  ,
  // ajax封装
  ajax(opt) 
    /*
      opt：参数
      method: 请求方式
      url： 请求url
      data: 请求参数
      callback：请求成功回调
      async: 请求异步同步，默认异步
    */
    let oAjax = null
    let j = 
    if (window.XMLHttpRequest) 
      oAjax = new XMLHttpRequest();
     else 
      oAjax = new ActiveXObject(‘Microsoft.XMLHTTP‘)
    

    j.method = opt.method || ‘get‘
    j.url = opt.url || ‘‘
    j.data = opt.data || ‘‘
    j.callback = opt.callback || function ()  

    if (j.method == ‘get‘ && j.data) 
      let data_send = ‘?‘
      Object.keys(j.data).forEach(key => 
        data_send += `$key=$j.data[key]`
      )
      j.url += data_send.slice(0, -1)
    

    oAjax.open(j.method, j.url, opt.async || true)

    if (j.method == ‘get‘) 
      oAjax.send()
     else 
      let data = j.data
      let header = ‘application/x-www-form-urlencoded‘
      if (typeof j.data !== ‘string‘) 
        header = ‘application/json‘
        data = JSON.stringify(data)
      
      xhr.setRequestHeader(‘Content-type‘, header)
      xhr.send(data)
    

    oAjax.onreadystatechange = function () 
      if (oAjax.readyState == 4) 
        if (oAjax.status == 200) 
          j.callback(oAjax.responseText)