js工具類的封裝

common.js原生js實現的大多工具方法都將放在common文件中

布局rem.js，vue開發時，我們只需要將rem.js再main.js中import 引入即可

(function(win, doc){
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
refresh = function () {
var w = docEl.clientWidth,
dpr = win.devicePixelRatio || 1;
docEl.style.fontSize = 100 * (w/375) + 'px';
function setBodyFontSize () {
if (doc.body) {
doc.body.style.fontSize = '16px';
}else {
doc.addEventListener('DOMContentLoaded', refresh)
}
}
setBodyFontSize();
};
refresh();
 
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, refresh, false);
})(window, document);

 Common.js

class Utils{
    constructor () {
        this.ls = window.localStorage;
        this.ss = window.sessionStorage;
    }
    //DOM
    //通過類名獲取元素樣式
    byClassName(sClassName){
        if(document.getElementsBYClassName){
            return document.getElementsByClassName(sClassName);
        } else {
            var allTagsName = document.getElementsByTagName('*');
            var result = [];
            for(var i = 0; i<allTagsName.length;i++){
                if(allTagsName[i].className === sClassName){
                    result.push(allTagsName[i]);
                }
            }
            return result;
        }
    }
    
    $(selector){
      var type = selector.substring(0, 1);
      if (type === '#') {
        if (document.querySelecotor) return document.querySelector(selector)
          return document.getElementById(selector.substring(1))
         
      }else if (type === '.') {
        if (document.querySelecotorAll) return document.querySelectorAll(selector)
          return document.getElementsByClassName(selector.substring(1))
      }else{
        return document['querySelectorAll' ? 'querySelectorAll':'getElementsByTagName'](selector)
      }
    }
     
    /*檢測類名*/
    hasClass (ele, name) {
      return ele.className.match(new RegExp('(\\s|^)' + name + '(\\s|$)'));
    }
     
    /*添加類名*/
    addClass (ele, name) {
      if (!this.hasClass(ele, name)) ele.className += " " + name;
    }
     
    /*刪除類名*/
    removeClass (ele, name) {
      if (this.hasClass(ele, name)) {
        var reg = new RegExp('(\\s|^)' + name + '(\\s|$)');
        ele.className = ele.className.replace(reg, '');
      }
    }
     
    /*替換類名*/
    replaceClass (ele, newName, oldName) {
      this.removeClass(ele, oldName);
      this.addClass(ele, newName);
    }
     
    /*獲取兄弟節點*/
    siblings (ele) {
      //console.log(ele.parentNode)獲取父節點
      var chid = ele.parentNode.children,eleMatch = [];
      for(var i = 0, len = chid.length; i < len; i ++){
        if(chid[i] != ele){
          eleMatch.push(chid[i]);
        }
      }
      return eleMatch;
    }
     
    /*獲取行間樣式屬性*/
    /*
     * obj: dom節點
     * attr:節點屬性
     * */
    getStyle(obj,attr) {
        if(obj.currentStyle){
            return obj.currentStyle[attr];
        } else {
            return getComputedStyle(obj,false)[attr];
        }
    }
    
    //多屬性緩沖運動
    bufferMove(obj,target,fn,ratio){
        var _this = this;
        var ratio = ratio || 8;
        clearInterval(obj.timer);
        obj.timer = setInterval(function(){
            var allOk = true;
            for(var attr in target){
                var cur = 0;
                if(attr === 'opacity'){
                    cur = parseInt(_this.getStyle(obj,'opacity') * 100);
                } else {
                    cur = parseInt(_this.getStyle(obj,attr));
                }
                var speed =(target[attr] - cur) / ratio;
                speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
                var next = speed + cur;
                if(attr === 'opacity'){
                    obj.style.opacity = next;
                    obj.style.opacity = 'alpha(opacity= ' + next + ') ';
                } else {
                    obj.style[attr] = next + 'px';
                }
                if(next !== target[attr]){
                    allOk = false;
                }
            }
            if(allOk){
                clearInterval(obj.timer);
                if(fn){
                    fn();
                }
            }
        },50)
    }
    
    //添加事件兼容,綁定多個事件
    bindEvent(obj,type,fn){
        if(obj.addEventListener){
            obj.addEventListener(type,fn);
        } else {
            obj.attachEvent('on' + type,fn);
        }
    }
    
    //封裝碰撞檢測函數
    Impact(a,b){
        if(
               a.offsetLeft + a.offsetWidth <= b.offsetLeft
            || a.offsetTop + a.offsetHeight <= b.offsetTop
            || b.offsetLeft + b.offsetWidth <= a.offsetLeft
            || b.offsetTop + b.offsetHeight <= a.offsetTop
        ){
            return false;
        } else {
            return true;
        }
    }
    
    //創建存儲唯一鍵名的函數
    createUniqueKey(){
        return  new Date().getTime() + Math.random();
    }
    
    //Type類型判斷
    isString (o) { //是否字符串
      return Object.prototype.toString.call(o).slice(8, -1) === 'String'
    }
    isNumber (o) { //是否數字
      return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
    }
    isObj (o) { //是否對象
      return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
    }
    isArray (o) { //是否數組
      return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
    }
    isDate (o) { //是否時間
      return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
    }
    isBoolean (o) { //是否boolean
      return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
    }
    isFunction (o) { //是否函數
      return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
    }
    isNull (o) { //是否為null
      return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
    }
    isUndefined (o) { //是否undefined
      return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
    }
    isFalse (o) {
      if (o == '' || o == undefined || o == null || o == 'null' || o == 'undefined' || o == 0 || o == false || o == NaN) return true
      return false
    }
    isTrue (o) {
      return !this.isFalse(o)
    }
    isIos () {
      var u = navigator.userAgent;
      if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手機
        // return "Android";
        return false
      } else if (u.indexOf('iPhone') > -1) {//蘋果手機
        // return "iPhone";
        return true
      } else if (u.indexOf('iPad') > -1) {//iPad
        // return "iPad";
        return false
      } else if (u.indexOf('Windows Phone') > -1) {//winphone手機
        // return "Windows Phone";
        return false
      }else{
        return false
      }
    }
    isPC () { //是否為PC端
      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;
    }
    //正則驗證
    browserType(){
      var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串
      var isOpera = userAgent.indexOf("Opera") > -1; //判斷是否Opera瀏覽器
      var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判斷是否IE瀏覽器
      var isEdge = userAgent.indexOf("Edge") > -1; //判斷是否IE的Edge瀏覽器
      var isFF = userAgent.indexOf("Firefox") > -1; //判斷是否Firefox瀏覽器
      var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判斷是否Safari瀏覽器
      var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判斷Chrome瀏覽器
      if (isIE) {
        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if(fIEVersion == 7) return "IE7"
        else if(fIEVersion == 8) return "IE8";
        else if(fIEVersion == 9) return "IE9";
        else if(fIEVersion == 10) return "IE10";
        else if(fIEVersion == 11) return "IE11";
        else return "IE7以下"//IE版本過低
      }
     
      if (isFF) return "FF";
      if (isOpera) return "Opera";
      if (isEdge) return "Edge";
      if (isSafari) return "Safari";
      if (isChrome) return "Chrome";
    }
    checkStr (str, type) {
      switch (type) {
        case 'phone':  //手機號碼
          return /^1[3|4|5|7|8][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}$/.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':   //IP
          return /((?:(?: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;
      }
    }
　　// 金錢的處理　　 

function(x) {

//強制保留兩位小數

var f = parseFloat(x);

if (isNaN(f)) return 0;

var f = Math.round(x * 100) / 100;

var s = f.toString();

var rs = s.indexOf('.');

if (rs < 0) {

rs = s.length;

s += '.';

}

while (s.length < (rs + 1) + 2) {

s += '0';

}

//每三位用一個逗號隔開

var leftNum=s.split(".")[0];

var rightNum="."+s.split(".")[1];

var result;

//定義數組記錄截取后的價格

var resultArray=new Array();

if(leftNum.length>3){

var i=true;

while (i){

resultArray.push(leftNum.slice(-3));

leftNum=leftNum.slice(0,leftNum.length-3);

if(leftNum.length<4){

i=false;

}

}

//由於從后向前截取，所以從最后一個開始遍歷並存到一個新的數組，順序調換

var sortArray=new Array();

for(var i=resultArray.length-1;i>=0;i--){

sortArray.push(resultArray[i]);

}

result=leftNum+","+sortArray.join(",")+rightNum;

}else {

result=s;

}

return result;

}

    
    //data
    /**
     * 格式化時間
     *
     * @param {time} 時間
     * @param {cFormat} 格式
     * @return {String} 字符串
     *
     * @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00
     */
    formatTime(time, cFormat) {
      if (arguments.length === 0) return null
      if ((time + '').length === 10) {
        time = +time * 1000
      }
      var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}', date
      if (typeof time === 'object') {
        date = time
      } else {
        date = new Date(time)
      }
      var formatObj = {
        y: date.getFullYear(),
        m: date.getMonth() + 1,
        d: date.getDate(),
        h: date.getHours(),
        i: date.getMinutes(),
        s: date.getSeconds(),
        a: date.getDay()
      }
      var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
        var value = formatObj[key]
        if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
        if (result.length > 0 && value < 10) {
          value = '0' + value
        }
        return value || 0
      })
      return time_str
    }
    /**
     * 返回指定長度的月份集合
     *
     * @param {time} 時間
     * @param {len} 長度
     * @param {direction} 方向： 1: 前幾個月; 2: 后幾個月; 3:前后幾個月 默認 3
     * @return {Array} 數組
     *
     * @example  getMonths('2018-1-29', 6, 1) // -> ["2018-1", "2017-12", "2017-11", "2017-10", "2017-9", "2017-8", "2017-7"]
     */
    getMonths(time, len, direction) {
      var mm = new Date(time).getMonth(),
        yy = new Date(time).getFullYear(),
        direction = isNaN(direction) ? 3 : direction,
        index = mm;
      var cutMonth = function(index) {
        if ( index <= len && index >= -len) {
          return direction === 1 ? formatPre(index).concat(cutMonth(++index)):
            direction === 2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index))
        }
        return []
      }
      var formatNext = function(i) {
        var y = Math.floor(i/12),
          m = i%12
        return [yy+y + '-' + (m+1)]
      }
      var formatPre = function(i) {
        var y = Math.ceil(i/12),
          m = i%12
        m = m===0 ? 12 : m
        return [yy-y + '-' + (13 - m)]
      }
      var formatCurr = function(i) {
        var y = Math.floor(i/12),
          yNext = Math.ceil(i/12),
          m = i%12,
          mNext = m===0 ? 12 : m
        return [yy-yNext + '-' + (13 - mNext),yy+y + '-' + (m+1)]
      }
      var unique = function(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;
        }
      }
      return direction !== 3 ? cutMonth(index) : unique(cutMonth(index).sort(function(t1, t2){
        return new Date(t1).getTime() - new Date(t2).getTime()
      }))
    }
    /**
     * 返回指定長度的天數集合
     *
     * @param {time} 時間
     * @param {len} 長度
     * @param {direction} 方向： 1: 前幾天; 2: 后幾天; 3:前后幾天 默認 3
     * @return {Array} 數組
     *
     * @example date.getDays('2018-1-29', 6) // -> ["2018-1-26", "2018-1-27", "2018-1-28", "2018-1-29", "2018-1-30", "2018-1-31", "2018-2-1"]
     */
    getDays(time, len, diretion) {
      var tt = new Date(time)
      var getDay = function(day) {
        var t = new Date(time)
        t.setDate(t.getDate() + day)
        var m = t.getMonth()+1
        return t.getFullYear()+'-'+m+'-'+t.getDate()
      }
      var arr = []
      if (diretion === 1) {
        for (var i = 1; i <= len; i++) {
          arr.unshift(getDay(-i))
        }
      }else if(diretion === 2) {
        for (var i = 1; i <= len; i++) {
          arr.push(getDay(i))
        }
      }else {
        for (var i = 1; i <= len; i++) {
          arr.unshift(getDay(-i))
        }
        arr.push(tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate())
        for (var i = 1; i <= len; i++) {
          arr.push(getDay(i))
        }
      }
      return diretion === 1 ? arr.concat([tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()]) :
        diretion === 2 ? [tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()].concat(arr) : arr
    }
    /**
     * @param {s} 秒數
     * @return {String} 字符串
     *
     * @example formatHMS(3610) // -> 1h0m10s
     */
    formatHMS (s) {
      var str = ''
      if (s > 3600) {
        str = Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'
      }else if(s > 60) {
        str = Math.floor(s/60)+'m'+s%60+'s'
      }else{
        str = s%60+'s'
      }
      return str
    }
    /*獲取某月有多少天*/
    getMonthOfDay (time) {
      var date = new Date(time)
      var year = date.getFullYear()
      var mouth = date.getMonth() + 1
      var days
     
      //當月份為二月時，根據閏年還是非閏年判斷天數
      if (mouth == 2) {
        days = year % 4 == 0 ? 29 : 28
      } else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {
        //月份為：1,3,5,7,8,10,12 時，為大月.則天數為31；
        days = 31
      } else {
        //其他月份，天數為：30.
        days = 30
      }
      return days
    }
    /*獲取某年有多少天*/
    getYearOfDay (time) {
      var firstDayYear = this.getFirstDayOfYear(time);
      var lastDayYear = this.getLastDayOfYear(time);
      var numSecond = (new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000;
      return Math.ceil(numSecond/(24*3600));
    }
    /*獲取某年的第一天*/
    getFirstDayOfYear (time) {
      var year = new Date(time).getFullYear();
      return year + "-01-01 00:00:00";
    }
    /*獲取某年最后一天*/
    getLastDayOfYear (time) {
      var year = new Date(time).getFullYear();
      var dateString = year + "-12-01 00:00:00";
      var endDay = this.getMonthOfDay(dateString);
      return year + "-12-" + endDay + " 23:59:59";
    }
    /*獲取某個日期是當年中的第幾天*/
    getDayOfYear (time) {
      var firstDayYear = this.getFirstDayOfYear(time);
      var numSecond = (new Date(time).getTime() - new Date(firstDayYear).getTime())/1000;
      return Math.ceil(numSecond/(24*3600));
    }
    /*獲取某個日期在這一年的第幾周*/
    getDayOfYearWeek (time) {
      var numdays = this.getDayOfYear(time);
      return Math.ceil(numdays / 7);
    }
    
    //Array
    /*判斷一個元素是否在數組中*/
    contains (arr, val) {
      return arr.indexOf(val) != -1 ? true : false;
    }
    /**
     * @param {arr} 數組
     * @param {fn} 回調函數
     * @return {undefined}
     */
    each (arr, fn) {
      fn = fn || Function;
      var a = [];
      var args = Array.prototype.slice.call(arguments, 1);
      for(var i = 0; i < arr.length; i++) {
        var res = fn.apply(arr, [arr[i], i].concat(args));
        if(res != null) a.push(res);
      }
    }
    /**
     * @param {arr} 數組
     * @param {fn} 回調函數
     * @param {thisObj} this指向
     * @return {Array}
     */
    map (arr, fn, thisObj) {
      var scope = thisObj || window;
      var a = [];
      for(var i = 0, j = arr.length; i < j; ++i) {
        var res = fn.call(scope, arr[i], i, this);
        if(res != null) a.push(res);
      }
      return a;
    }
    /**
     * @param {arr} 數組
     * @param {type} 1：從小到大  2：從大到小  3：隨機
     * @return {Array}
     */
    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;
        }
      })
    }
     
    /*去重*/
    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;
      }
    }
     
    /*求兩個集合的並集*/
    union (a, b) {
      var newArr = a.concat(b);
      return this.unique(newArr);
    }
     
    /*求兩個集合的交集*/
    intersect (a, b) {
      var _this = this;
      a = this.unique(a);
      return this.map(a, function(o) {
        return _this.contains(b, o) ? o : null;
      });
    }
     
    /*刪除其中一個元素*/
    remove (arr, ele) {
      var index = arr.indexOf(ele);
      if(index > -1) {
        arr.splice(index, 1);
      }
      return arr;
    }
     
    /*將類數組轉換為數組的方法*/
    formArray (ary) {
      var arr = [];
      if(Array.isArray(ary)) {
        arr = ary;
      } else {
        arr = Array.prototype.slice.call(ary);
      };
      return arr;
    }
     
    /*最大值*/
    max (arr) {
      return Math.max.apply(null, arr);
    }
     
    /*最小值*/
    min (arr) {
      return Math.min.apply(null, arr);
    }
     
    /*求和*/
    sum (arr) {
      return arr.reduce( (pre, cur) => {
        return pre + cur
      })
    }
     
    /*平均值*/
    average (arr) {
      return this.sum(arr)/arr.length
    }
    
    //String
    
    /**
     * 去除空格
     * @param {str}
     * @param {type}
     *    type: 1-所有空格 2-前后空格 3-前空格 4-后空格
     * @return {String}
     */
    trim (str, type) {
      type = type || 1
      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 {str}
     * @param {type}
     *    type: 1:首字母大寫 2：首頁母小寫 3：大小寫轉換 4：全部大寫 5：全部小寫
     * @return {String}
     */
    changeCase (str, type) {
      type = type || 4
      switch (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;
      }
    }
     
    /*
      檢測密碼強度
    */
    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;
    }
     
    /*過濾html代碼(把<>轉換)*/
    filterTag (str) {
      str = str.replace(/&/ig, "&");
      str = str.replace(/</ig, "<");
      str = str.replace(/>/ig, ">");
      str = str.replace(" ", " ");
      return str;
    }
    
    //Numbr
    
    /*隨機數范圍*/
    random (min, max) {
      if (arguments.length === 2) {
        return Math.floor(min + Math.random() * ( (max+1) - min ))
      }else{
        return null;
      }
       
    }
     
    /*將阿拉伯數字翻譯成中文的大寫數字*/
    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;
    }
     
    /*將數字轉換為大寫金額*/
    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;
      }
    
    //HTTP
    /*-----------------cookie---------------------*/
    /*設置cookie*/
    setCookie (name, value, day) {
        var setting = arguments[0];
        if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
      for (var i in setting) {
        var oDate = new Date();
        oDate.setDate(oDate.getDate() + day);
        document.cookie = i + '=' + setting[i] + ';expires=' + oDate;
      }
    }else{
      var oDate = new Date();
      oDate.setDate(oDate.getDate() + day);
      document.cookie = name + '=' + value + ';expires=' + oDate;
        }
         
      }
     
    /*獲取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, -1);
      }
          
    /*-----------------localStorage---------------------*/
    /*設置localStorage*/
    setLocal(key, val) {
        var setting = arguments[0];
        if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
          for(var i in setting){
            this.ls.setItem(i, JSON.stringify(setting[i]))
          }
        }else{
          this.ls.setItem(key, JSON.stringify(val))
        }
         
      }
     
    /*獲取localStorage*/
    getLocal(key) {
        if (key) return JSON.parse(this.ls.getItem(key))
        return null;
         
      }
     
    /*移除localStorage*/
    removeLocal(key) {
        this.ls.removeItem(key)
      }
     
    /*移除所有localStorage*/
    clearLocal() {
        this.ls.clear()
    }
     
    /*-----------------sessionStorage---------------------*/
    /*設置sessionStorage*/
    setSession(key, val) {
        var setting = arguments[0];
        if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
          for(var i in setting){
            this.ss.setItem(i, JSON.stringify(setting[i]))
          }
        }else{
          this.ss.setItem(key, JSON.stringify(val))
        }
         
      }
     
    /*獲取sessionStorage*/
    getSession(key) {
      if (key) return JSON.parse(this.ss.getItem(key))
      return null;
         
    }
     
    /*移除sessionStorage*/
    removeSession(key) {
      this.ss.removeItem(key)
    }
     
    /*移除所有sessionStorage*/
    clearSession() {
      this.ss.clear()
    }

/* 封裝ajax函數

* @param {string}opt.type http連接的方式，包括POST和GET兩種方式

* @param {string}opt.url 發送請求的url

* @param {boolean}opt.async 是否為異步請求，true為異步的，false為同步的

* @param {object}opt.data 發送的參數，格式為對象類型

* @param {function}opt.success ajax發送並接收成功調用的回調函數

*/

function ajax(opt) {

    opt = opt || {};

    opt.method = opt.method.toUpperCase() || 'POST';

    opt.url = opt.url || '';

    opt.async = opt.async || true;

    opt.data = opt.data || null;

    opt.success = opt.success || function () {};

    var xmlHttp = null;

    if (XMLHttpRequest) {

        xmlHttp = new XMLHttpRequest();

    } else {

        xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

    }

    var params = [];

    for (var key in opt.data) {

        params.push(key + '=' + opt.data[key]);

    }

    var postData = params.join('&');

    if (opt.method.toUpperCase() === 'POST') {

        xmlHttp.open(opt.method, opt.url, opt.async);

        xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');

        xmlHttp.send(postData);

    } else if (opt.method.toUpperCase() === 'GET') {

        xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async);

        xmlHttp.send(null);

    }

    xmlHttp.onreadystatechange = function () {

        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {

            opt.success(xmlHttp.responseText);

        }

    };

}

/**
     * @param {url}
     * @param {setting}
     * @return {Promise}
     */
    fetch(url, setting) {
      //設置參數的初始值
      let opts={
        method: (setting.method || 'GET').toUpperCase(), //請求方式
        headers : setting.headers || {}, // 請求頭設置
        credentials : setting.credentials || true, // 設置cookie是否一起發送
        body: setting.body || {},
        mode : setting.mode || 'no-cors', // 可以設置 cors, no-cors, same-origin
        redirect : setting.redirect || 'follow', // follow, error, manual
        cache : setting.cache || 'default' // 設置 cache 模式 (default, reload, no-cache)
      }
      let dataType = setting.dataType || "json", // 解析方式
        data = setting.data || "" // 參數
     
      // 參數格式化
      function params_format (obj) {
        var str = ''
        for (var i in obj) {
          str += `${i}=${obj[i]}&`
        }
        return str.split('').slice(0, -1).join('')
      }
     
      if (opts.method === 'GET') {
        url = url + (data?`?${params_format(data)}`:'')
      }else{
        setting.body = data || {}
      }
      return new Promise( (resolve, reject) => {
        fetch(url, opts).then( async res => {
          let data = dataType === 'text' ? await res.text() :
            dataType === 'blob' ? await res.blob() : await res.json()
          resolve(data)
        }).catch( error => {
          reject(error)
        })
      })
    }
    //獲取客戶端ip地址需創建id為address的標簽
    getYourIP(){
                var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
                if (RTCPeerConnection) (function () {
                    var rtc = new RTCPeerConnection({iceServers:[]});
                    if (1 || window.mozRTCPeerConnection) {     
                        rtc.createDataChannel('', {reliable:false});
                    };
                    rtc.onicecandidate = function (evt) {
                        if (evt.candidate) grepSDP("a="+evt.candidate.candidate);
                    };
                    rtc.createOffer(function (offerDesc) {
                        grepSDP(offerDesc.sdp);
                        rtc.setLocalDescription(offerDesc);
                    }, function (e) { console.warn("offer failed", e); });
                    var addrs = Object.create(null);
                    addrs["0.0.0.0"] = false;

                    function updateDisplay(newAddr) {
                        if (newAddr in addrs) return;
                        else addrs[newAddr] = true;
                        var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
                        for(var i = 0; i < displayAddrs.length; i++){
                            if(displayAddrs[i].length > 16){
                                displayAddrs.splice(i, 1);
                                i--;
                            }
                        }
                        document.getElementById('address').textContent = displayAddrs[0];
                    }
                    function grepSDP(sdp) {
                        var hosts = [];
                        sdp.split('\r\n').forEach(function (line, index, arr) {
                           if (~line.indexOf("a=candidate")) {    
                                var parts = line.split(' '),       
                                    addr = parts[4],
                                    type = parts[7];
                                if (type === 'host') updateDisplay(addr);
                            } else if (~line.indexOf("c=")) {       
                                var parts = line.split(' '),
                                    addr = parts[2];
                                updateDisplay(addr);
                            }
                        });
                    }
                })();
                else{
                    document.getElementById('address').textContent = "請使用主流瀏覽器：chrome,firefox,opera,safari"
//                  console.log("請使用主流瀏覽器：chrome,firefox,opera,safari");
                }
    
            }
    //獲取瀏覽器的信息
    
    getBrowserInfo(){
        var agent = navigator.userAgent.toLowerCase() ;
        console.log(agent);
        var arr = [];
        var system = agent.split(' ')[1].split(' ')[0].split('(')[1];
        arr.push(system);
        var regStr_edge = /edge\/[\d.]+/gi;
        var regStr_ie = /trident\/[\d.]+/gi ;
        var regStr_ff = /firefox\/[\d.]+/gi;
        var regStr_chrome = /chrome\/[\d.]+/gi ;
        var regStr_saf = /safari\/[\d.]+/gi ;
        var regStr_opera = /opr\/[\d.]+/gi;
        //IE
        if(agent.indexOf("trident") > 0){
            arr.push(agent.match(regStr_ie)[0].split('/')[0]);
            arr.push(agent.match(regStr_ie)[0].split('/')[1]);
            return arr;
        }
        //Edge
        if(agent.indexOf('edge') > 0){
            arr.push(agent.match(regStr_edge)[0].split('/')[0]);
            arr.push(agent.match(regStr_edge)[0].split('/')[1]);
            return arr;
        }
        //firefox
        if(agent.indexOf("firefox") > 0){
            arr.push(agent.match(regStr_ff)[0].split('/')[0]);
            arr.push(agent.match(regStr_ff)[0].split('/')[1]);
            return arr;
        }
        //Opera
        if(agent.indexOf("opr")>0){
            arr.push(agent.match(regStr_opera)[0].split('/')[0]);
            arr.push(agent.match(regStr_opera)[0].split('/')[1]);
            return arr;
        }
        //Safari
        if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0){
            arr.push(agent.match(regStr_saf)[0].split('/')[0]);
            arr.push(agent.match(regStr_saf)[0].split('/')[1]);
            return arr;
        }
        //Chrome
        if(agent.indexOf("chrome") > 0){
            arr.push(agent.match(regStr_chrome)[0].split('/')[0]);
            arr.push(agent.match(regStr_chrome)[0].split('/')[1]);
            return arr;
        }else{
            arr.push('請更換主流瀏覽器，例如chrome,firefox,opera,safari,IE,Edge!')
            return arr;
        }
    }
       
    //Other
    /*獲取網址參數,name為網址中的參數鍵值*/
    getURL(name){
      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);
      if(r!=null) return r[2]; return null;
    }
     
    /*獲取全部url參數,並轉換成json對象*/
    getUrlAllParams (url) {
      var url = url ? url : window.location.href;
      var _pa = url.substring(url.indexOf('?') + 1),
        _arrS = _pa.split('&'),
        _rs = {};
      for (var i = 0, _len = _arrS.length; i < _len; i++) {
        var pos = _arrS[i].indexOf('=');
        if (pos == -1) {
          continue;
        }
        var name = _arrS[i].substring(0, pos),
          value = window.decodeURIComponent(_arrS[i].substring(pos + 1));
        _rs[name] = value;
      }
      return _rs;
    }
     
    /*刪除url指定參數，返回url*/
    delParamsUrl(url, name){
      var baseUrl = url.split('?')[0] + '?';
      var query = url.split('?')[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
      }else{
        return url;
      }
    }
     
    /*獲取十六進制隨機顏色*/
    getRandomColor () {
      return '#' + (function(h) {
        return new Array(7 - h.length).join("0") + h;
      })((Math.random() * 0x1000000 << 0).toString(16));
    }
     
    /*圖片加載*/
    imgLoadAll(arr,callback){
      var arrImg = [];
      for (var i = 0; i < arr.length; i++) {
        var img = new Image();
        console.log(img);
        img.src = arr[i];
        img.onload = function(){
          arrImg.push(this);
          if (arrImg.length == arr.length) {
            callback && callback();
          }
        }
      }
    }
     
    /*音頻加載*/
    loadAudio(src, callback) {
      var audio = new Audio(src);
      audio.onloadedmetadata = callback;
      audio.src = src;
    }
     
    /*DOM轉字符串*/
    domToStirng(htmlDOM){
      var div= document.createElement("div");
      div.appendChild(htmlDOM);
      return div.innerHTML
    }
     
    /*字符串轉DOM*/
    stringToDom(htmlString){
      var div= document.createElement("div");
      div.innerHTML=htmlString;
      return div.children[0];
    }
     
    /**
     * 光標所在位置插入字符，並設置光標位置
     *
     * @param {dom} 輸入框
     * @param {val} 插入的值
     * @param {posLen} 光標位置處在 插入的值的哪個位置
     */
    setCursorPosition (dom,val,posLen) {
      var cursorPosition = 0;
      if(dom.selectionStart){
        cursorPosition = dom.selectionStart;
      }
      this.insertAtCursor(dom,val);
      dom.focus();
      console.log(posLen)
      dom.setSelectionRange(dom.value.length,cursorPosition + (posLen || val.length));
    }
     
    /*光標所在位置插入字符*/
    insertAtCursor(dom, val) {
      if (document.selection){
        dom.focus();
        sel = document.selection.createRange();
        sel.text = val;
        sel.select();
      }else if (dom.selectionStart || dom.selectionStart == '0'){
        let startPos = dom.selectionStart;
        let endPos = dom.selectionEnd;
        let restoreTop = dom.scrollTop;
        dom.value = dom.value.substring(0, startPos) + val + dom.value.substring(endPos, dom.value.length);
        if (restoreTop > 0){
          dom.scrollTop = restoreTop;
        }
        dom.focus();
        dom.selectionStart = startPos + val.length;
        dom.selectionEnd = startPos + val.length;
      } else {
        dom.value += val;
        dom.focus();
      }
    }

}