common.js原生js实现的大多工具方法都将放在common文件中
布局rem.js，vue开发时，我们只需要将rem.js再main.js中import 引入即可
  1. (function(win, doc){
  2. var docEl = doc.documentElement,
  3. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  4. refresh = function () {
  5. var w = docEl.clientWidth,
  6. dpr = win.devicePixelRatio || 1;
  7. docEl.style.fontSize = 100 * (w/375) + 'px';
  8. function setBodyFontSize () {
  9. if (doc.body) {
  10. doc.body.style.fontSize = '16px';
  11. }else {
  12. doc.addEventListener('DOMContentLoaded', refresh)
  13. }
  14. }
  15. setBodyFontSize();
  16. };
  17. refresh();
  18.  
  19. if (!doc.addEventListener) return;
  20. win.addEventListener(resizeEvt, refresh, false);
  21. })(window, document);
 Common.js
  1. class Utils{
  2.     constructor () {
  3.         this.ls = window.localStorage;
  4.         this.ss = window.sessionStorage;
  5.     }
  6.     //DOM
  7.     //通过类名获取元素样式
  8.     byClassName(sClassName){
  9.         if(document.getElementsBYClassName){
  10.             return document.getElementsByClassName(sClassName);
  11.         } else {
  12.             var allTagsName = document.getElementsByTagName('*');
  13.             var result = [];
  14.             for(var i = 0; i<allTagsName.length;i++){
  15.                 if(allTagsName[i].className === sClassName){
  16.                     result.push(allTagsName[i]);
  17.                 }
  18.             }
  19.             return result;
  20.         }
  21.     }
  22.  
  23.     $(selector){
  24.       var type = selector.substring(0, 1);
  25.       if (type === '#') {
  26.         if (document.querySelecotor) return document.querySelector(selector)
  27.           return document.getElementById(selector.substring(1))
  28.  
  29.       }else if (type === '.') {
  30.         if (document.querySelecotorAll) return document.querySelectorAll(selector)
  31.           return document.getElementsByClassName(selector.substring(1))
  32.       }else{
  33.         return document['querySelectorAll' ? 'querySelectorAll':'getElementsByTagName'](selector)
  34.       }
  35.     }
  36.  
  37.     /*检测类名*/
  38.     hasClass (ele, name) {
  39.       return ele.className.match(new RegExp('(\\s|^)' + name + '(\\s|$)'));
  40.     }
  41.  
  42.     /*添加类名*/
  43.     addClass (ele, name) {
  44.       if (!this.hasClass(ele, name)) ele.className += " " + name;
  45.     }
  46.  
  47.     /*删除类名*/
  48.     removeClass (ele, name) {
  49.       if (this.hasClass(ele, name)) {
  50.         var reg = new RegExp('(\\s|^)' + name + '(\\s|$)');
  51.         ele.className = ele.className.replace(reg, '');
  52.       }
  53.     }
  54.  
  55.     /*替换类名*/
  56.     replaceClass (ele, newName, oldName) {
  57.       this.removeClass(ele, oldName);
  58.       this.addClass(ele, newName);
  59.     }
  60.  
  61.     /*获取兄弟节点*/
  62.     siblings (ele) {
  63.       //console.log(ele.parentNode)获取父节点
  64.       var chid = ele.parentNode.children,eleMatch = [];
  65.       for(var i = 0, len = chid.length; i < len; i ++){
  66.         if(chid[i] != ele){
  67.           eleMatch.push(chid[i]);
  68.         }
  69.       }
  70.       return eleMatch;
  71.     }
  72.  
  73.     /*获取行间样式属性*/
  74.     /*
  75.      * obj: dom节点
  76.      * attr:节点属性
  77.      * */
  78.     getStyle(obj,attr) {
  79.         if(obj.currentStyle){
  80.             return obj.currentStyle[attr];
  81.         } else {
  82.             return getComputedStyle(obj,false)[attr];
  83.         }
  84.     }
  85.  
  86.     //多属性缓冲运动
  87.     bufferMove(obj,target,fn,ratio){
  88.         var _this = this;
  89.         var ratio = ratio || 8;
  90.         clearInterval(obj.timer);
  91.         obj.timer = setInterval(function(){
  92.             var allOk = true;
  93.             for(var attr in target){
  94.                 var cur = 0;
  95.                 if(attr === 'opacity'){
  96.                     cur = parseInt(_this.getStyle(obj,'opacity') * 100);
  97.                 } else {
  98.                     cur = parseInt(_this.getStyle(obj,attr));
  99.                 }
  100.                 var speed =(target[attr] - cur) / ratio;
  101.                 speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
  102.                 var next = speed + cur;
  103.                 if(attr === 'opacity'){
  104.                     obj.style.opacity = next;
  105.                     obj.style.opacity = 'alpha(opacity= ' + next + ') ';
  106.                 } else {
  107.                     obj.style[attr] = next + 'px';
  108.                 }
  109.                 if(next !== target[attr]){
  110.                     allOk = false;
  111.                 }
  112.             }
  113.             if(allOk){
  114.                 clearInterval(obj.timer);
  115.                 if(fn){
  116.                     fn();
  117.                 }
  118.             }
  119.         },50)
  120.     }
  121.  
  122.     //添加事件兼容,绑定多个事件
  123.     bindEvent(obj,type,fn){
  124.         if(obj.addEventListener){
  125.             obj.addEventListener(type,fn);
  126.         } else {
  127.             obj.attachEvent('on' + type,fn);
  128.         }
  129.     }
  130.  
  131.     //封装碰撞检测函数
  132.     Impact(a,b){
  133.         if(
  134.                a.offsetLeft + a.offsetWidth <= b.offsetLeft
  135.             || a.offsetTop + a.offsetHeight <= b.offsetTop
  136.             || b.offsetLeft + b.offsetWidth <= a.offsetLeft
  137.             || b.offsetTop + b.offsetHeight <= a.offsetTop
  138.         ){
  139.             return false;
  140.         } else {
  141.             return true;
  142.         }
  143.     }
  144.  
  145.     //创建存储唯一键名的函数
  146.     createUniqueKey(){
  147.         return  new Date().getTime() + Math.random();
  148.     }
  149.  
  150.     //Type类型判断
  151.     isString (o) { //是否字符串
  152.       return Object.prototype.toString.call(o).slice(8, -1) === 'String'
  153.     }
  154.     isNumber (o) { //是否数字
  155.       return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
  156.     }
  157.     isObj (o) { //是否对象
  158.       return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
  159.     }
  160.     isArray (o) { //是否数组
  161.       return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
  162.     }
  163.     isDate (o) { //是否时间
  164.       return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
  165.     }
  166.     isBoolean (o) { //是否boolean
  167.       return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
  168.     }
  169.     isFunction (o) { //是否函数
  170.       return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
  171.     }
  172.     isNull (o) { //是否为null
  173.       return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
  174.     }
  175.     isUndefined (o) { //是否undefined
  176.       return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
  177.     }
  178.     isFalse (o) {
  179.       if (o == '' || o == undefined || o == null || o == 'null' || o == 'undefined' || o == 0 || o == false || o == NaN) return true
  180.       return false
  181.     }
  182.     isTrue (o) {
  183.       return !this.isFalse(o)
  184.     }
  185.     isIos () {
  186.       var u = navigator.userAgent;
  187.       if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
  188.         // return "Android";
  189.         return false
  190.       } else if (u.indexOf('iPhone') > -1) {//苹果手机
  191.         // return "iPhone";
  192.         return true
  193.       } else if (u.indexOf('iPad') > -1) {//iPad
  194.         // return "iPad";
  195.         return false
  196.       } else if (u.indexOf('Windows Phone') > -1) {//winphone手机
  197.         // return "Windows Phone";
  198.         return false
  199.       }else{
  200.         return false
  201.       }
  202.     }
  203.     isPC () { //是否为PC端
  204.       var userAgentInfo = navigator.userAgent;
  205.       var Agents = ["Android", "iPhone",
  206.             "SymbianOS", "Windows Phone",
  207.             "iPad", "iPod"];
  208.       var flag = true;
  209.       for (var v = 0; v < Agents.length; v++) {
  210.         if (userAgentInfo.indexOf(Agents[v]) > 0) {
  211.           flag = false;
  212.           break;
  213.         }
  214.       }
  215.       return flag;
  216.     }
  217.     //正则验证
  218.     browserType(){
  219.       var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  220.       var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
  221.       var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
  222.       var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器
  223.       var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
  224.       var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
  225.       var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
  226.       if (isIE) {
  227.         var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
  228.         reIE.test(userAgent);
  229.         var fIEVersion = parseFloat(RegExp["$1"]);
  230.         if(fIEVersion == 7) return "IE7"
  231.         else if(fIEVersion == 8) return "IE8";
  232.         else if(fIEVersion == 9) return "IE9";
  233.         else if(fIEVersion == 10) return "IE10";
  234.         else if(fIEVersion == 11) return "IE11";
  235.         else return "IE7以下"//IE版本过低
  236.       }
  237.  
  238.       if (isFF) return "FF";
  239.       if (isOpera) return "Opera";
  240.       if (isEdge) return "Edge";
  241.       if (isSafari) return "Safari";
  242.       if (isChrome) return "Chrome";
  243.     }
  244.     checkStr (str, type) {
  245.       switch (type) {
  246.         case 'phone':  //手机号码
  247.           return /^1[3|4|5|7|8][0-9]{9}$/.test(str);
  248.         case 'tel':   //座机
  249.           return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
  250.         case 'card':  //身份证
  251.           return /^\d{15}|\d{18}$/.test(str);
  252.         case 'pwd':   //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线
  253.           return /^[a-zA-Z]\w{5,17}$/.test(str)
  254.         case 'postal': //邮政编码
  255.           return /[1-9]\d{5}(?!\d)/.test(str);
  256.         case 'QQ':   //QQ号
  257.           return /^[1-9][0-9]{4,9}$/.test(str);
  258.         case 'email':  //邮箱
  259.           return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
  260.         case 'money':  //金额(小数点2位)
  261.           return /^\d*(?:\.\d{0,2})?$/.test(str);
  262.         case 'URL':   //网址
  263.           return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
  264.         case 'IP':   //IP
  265.           return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
  266.         case 'date':  //日期时间
  267.           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)
  268.         case 'number': //数字
  269.           return /^[0-9]$/.test(str);
  270.         case 'english': //英文
  271.           return /^[a-zA-Z]+$/.test(str);
  272.         case 'chinese': //中文
  273.           return /^[\u4E00-\u9FA5]+$/.test(str);
  274.         case 'lower':  //小写
  275.           return /^[a-z]+$/.test(str);
  276.         case 'upper':  //大写
  277.           return /^[A-Z]+$/.test(str);
  278.         case 'HTML':  //HTML标记
  279.           return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
  280.         default:
  281.           return true;
  282.       }
  283.     }
    　　// 金钱的处理　　
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;
}
  1.  
  2.     //data
  3.     /**
  4.      * 格式化时间
  5.      *
  6.      * @param {time} 时间
  7.      * @param {cFormat} 格式
  8.      * @return {String} 字符串
  9.      *
  10.      * @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00
  11.      */
  12.     formatTime(time, cFormat) {
  13.       if (arguments.length === 0) return null
  14.       if ((time + '').length === 10) {
  15.         time = +time * 1000
  16.       }
  17.       var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}', date
  18.       if (typeof time === 'object') {
  19.         date = time
  20.       } else {
  21.         date = new Date(time)
  22.       }
  23.       var formatObj = {
  24.         y: date.getFullYear(),
  25.         m: date.getMonth() + 1,
  26.         d: date.getDate(),
  27.         h: date.getHours(),
  28.         i: date.getMinutes(),
  29.         s: date.getSeconds(),
  30.         a: date.getDay()
  31.       }
  32.       var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
  33.         var value = formatObj[key]
  34.         if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
  35.         if (result.length > 0 && value < 10) {
  36.           value = '0' + value
  37.         }
  38.         return value || 0
  39.       })
  40.       return time_str
  41.     }
  42.     /**
  43.      * 返回指定长度的月份集合
  44.      *
  45.      * @param {time} 时间
  46.      * @param {len} 长度
  47.      * @param {direction} 方向： 1: 前几个月; 2: 后几个月; 3:前后几个月 默认 3
  48.      * @return {Array} 数组
  49.      *
  50.      * @example  getMonths('2018-1-29', 6, 1) // -> ["2018-1", "2017-12", "2017-11", "2017-10", "2017-9", "2017-8", "2017-7"]
  51.      */
  52.     getMonths(time, len, direction) {
  53.       var mm = new Date(time).getMonth(),
  54.         yy = new Date(time).getFullYear(),
  55.         direction = isNaN(direction) ? 3 : direction,
  56.         index = mm;
  57.       var cutMonth = function(index) {
  58.         if ( index <= len && index >= -len) {
  59.           return direction === 1 ? formatPre(index).concat(cutMonth(++index)):
  60.             direction === 2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index))
  61.         }
  62.         return []
  63.       }
  64.       var formatNext = function(i) {
  65.         var y = Math.floor(i/12),
  66.           m = i%12
  67.         return [yy+y + '-' + (m+1)]
  68.       }
  69.       var formatPre = function(i) {
  70.         var y = Math.ceil(i/12),
  71.           m = i%12
  72.         m = m===0 ? 12 : m
  73.         return [yy-y + '-' + (13 - m)]
  74.       }
  75.       var formatCurr = function(i) {
  76.         var y = Math.floor(i/12),
  77.           yNext = Math.ceil(i/12),
  78.           m = i%12,
  79.           mNext = m===0 ? 12 : m
  80.         return [yy-yNext + '-' + (13 - mNext),yy+y + '-' + (m+1)]
  81.       }
  82.       var unique = function(arr) {
  83.         if ( Array.hasOwnProperty('from') ) {
  84.           return Array.from(new Set(arr));
  85.         }else{
  86.           var n = {},r=[];
  87.           for(var i = 0; i < arr.length; i++){
  88.             if (!n[arr[i]]){
  89.               n[arr[i]] = true;
  90.               r.push(arr[i]);
  91.             }
  92.           }
  93.           return r;
  94.         }
  95.       }
  96.       return direction !== 3 ? cutMonth(index) : unique(cutMonth(index).sort(function(t1, t2){
  97.         return new Date(t1).getTime() - new Date(t2).getTime()
  98.       }))
  99.     }
  100.     /**
  101.      * 返回指定长度的天数集合
  102.      *
  103.      * @param {time} 时间
  104.      * @param {len} 长度
  105.      * @param {direction} 方向： 1: 前几天; 2: 后几天; 3:前后几天 默认 3
  106.      * @return {Array} 数组
  107.      *
  108.      * @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"]
  109.      */
  110.     getDays(time, len, diretion) {
  111.       var tt = new Date(time)
  112.       var getDay = function(day) {
  113.         var t = new Date(time)
  114.         t.setDate(t.getDate() + day)
  115.         var m = t.getMonth()+1
  116.         return t.getFullYear()+'-'+m+'-'+t.getDate()
  117.       }
  118.       var arr = []
  119.       if (diretion === 1) {
  120.         for (var i = 1; i <= len; i++) {
  121.           arr.unshift(getDay(-i))
  122.         }
  123.       }else if(diretion === 2) {
  124.         for (var i = 1; i <= len; i++) {
  125.           arr.push(getDay(i))
  126.         }
  127.       }else {
  128.         for (var i = 1; i <= len; i++) {
  129.           arr.unshift(getDay(-i))
  130.         }
  131.         arr.push(tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate())
  132.         for (var i = 1; i <= len; i++) {
  133.           arr.push(getDay(i))
  134.         }
  135.       }
  136.       return diretion === 1 ? arr.concat([tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()]) :
  137.         diretion === 2 ? [tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()].concat(arr) : arr
  138.     }
  139.     /**
  140.      * @param {s} 秒数
  141.      * @return {String} 字符串
  142.      *
  143.      * @example formatHMS(3610) // -> 1h0m10s
  144.      */
  145.     formatHMS (s) {
  146.       var str = ''
  147.       if (s > 3600) {
  148.         str = Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'
  149.       }else if(s > 60) {
  150.         str = Math.floor(s/60)+'m'+s%60+'s'
  151.       }else{
  152.         str = s%60+'s'
  153.       }
  154.       return str
  155.     }
  156.     /*获取某月有多少天*/
  157.     getMonthOfDay (time) {
  158.       var date = new Date(time)
  159.       var year = date.getFullYear()
  160.       var mouth = date.getMonth() + 1
  161.       var days
  162.  
  163.       //当月份为二月时，根据闰年还是非闰年判断天数
  164.       if (mouth == 2) {
  165.         days = year % 4 == 0 ? 29 : 28
  166.       } else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {
  167.         //月份为：1,3,5,7,8,10,12 时，为大月.则天数为31；
  168.         days = 31
  169.       } else {
  170.         //其他月份，天数为：30.
  171.         days = 30
  172.       }
  173.       return days
  174.     }
  175.     /*获取某年有多少天*/
  176.     getYearOfDay (time) {
  177.       var firstDayYear = this.getFirstDayOfYear(time);
  178.       var lastDayYear = this.getLastDayOfYear(time);
  179.       var numSecond = (new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000;
  180.       return Math.ceil(numSecond/(24*3600));
  181.     }
  182.     /*获取某年的第一天*/
  183.     getFirstDayOfYear (time) {
  184.       var year = new Date(time).getFullYear();
  185.       return year + "-01-01 00:00:00";
  186.     }
  187.     /*获取某年最后一天*/
  188.     getLastDayOfYear (time) {
  189.       var year = new Date(time).getFullYear();
  190.       var dateString = year + "-12-01 00:00:00";
  191.       var endDay = this.getMonthOfDay(dateString);
  192.       return year + "-12-" + endDay + " 23:59:59";
  193.     }
  194.     /*获取某个日期是当年中的第几天*/
  195.     getDayOfYear (time) {
  196.       var firstDayYear = this.getFirstDayOfYear(time);
  197.       var numSecond = (new Date(time).getTime() - new Date(firstDayYear).getTime())/1000;
  198.       return Math.ceil(numSecond/(24*3600));
  199.     }
  200.     /*获取某个日期在这一年的第几周*/
  201.     getDayOfYearWeek (time) {
  202.       var numdays = this.getDayOfYear(time);
  203.       return Math.ceil(numdays / 7);
  204.     }
  205.  
  206.     //Array
  207.     /*判断一个元素是否在数组中*/
  208.     contains (arr, val) {
  209.       return arr.indexOf(val) != -1 ? true : false;
  210.     }
  211.     /**
  212.      * @param {arr} 数组
  213.      * @param {fn} 回调函数
  214.      * @return {undefined}
  215.      */
  216.     each (arr, fn) {
  217.       fn = fn || Function;
  218.       var a = [];
  219.       var args = Array.prototype.slice.call(arguments, 1);
  220.       for(var i = 0; i < arr.length; i++) {
  221.         var res = fn.apply(arr, [arr[i], i].concat(args));
  222.         if(res != null) a.push(res);
  223.       }
  224.     }
  225.     /**
  226.      * @param {arr} 数组
  227.      * @param {fn} 回调函数
  228.      * @param {thisObj} this指向
  229.      * @return {Array}
  230.      */
  231.     map (arr, fn, thisObj) {
  232.       var scope = thisObj || window;
  233.       var a = [];
  234.       for(var i = 0, j = arr.length; i < j; ++i) {
  235.         var res = fn.call(scope, arr[i], i, this);
  236.         if(res != null) a.push(res);
  237.       }
  238.       return a;
  239.     }
  240.     /**
  241.      * @param {arr} 数组
  242.      * @param {type} 1：从小到大  2：从大到小  3：随机
  243.      * @return {Array}
  244.      */
  245.     sort (arr, type = 1) {
  246.       return arr.sort( (a, b) => {
  247.         switch(type) {
  248.           case 1:
  249.             return a - b;
  250.           case 2:
  251.             return b - a;
  252.           case 3:
  253.             return Math.random() - 0.5;
  254.           default:
  255.             return arr;
  256.         }
  257.       })
  258.     }
  259.  
  260.     /*去重*/
  261.     unique (arr) {
  262.       if ( Array.hasOwnProperty('from') ) {
  263.         return Array.from(new Set(arr));
  264.       }else{
  265.         var n = {},r=[];
  266.         for(var i = 0; i < arr.length; i++){
  267.           if (!n[arr[i]]){
  268.             n[arr[i]] = true;
  269.             r.push(arr[i]);
  270.           }
  271.         }
  272.         return r;
  273.       }
  274.     }
  275.  
  276.     /*求两个集合的并集*/
  277.     union (a, b) {
  278.       var newArr = a.concat(b);
  279.       return this.unique(newArr);
  280.     }
  281.  
  282.     /*求两个集合的交集*/
  283.     intersect (a, b) {
  284.       var _this = this;
  285.       a = this.unique(a);
  286.       return this.map(a, function(o) {
  287.         return _this.contains(b, o) ? o : null;
  288.       });
  289.     }
  290.  
  291.     /*删除其中一个元素*/
  292.     remove (arr, ele) {
  293.       var index = arr.indexOf(ele);
  294.       if(index > -1) {
  295.         arr.splice(index, 1);
  296.       }
  297.       return arr;
  298.     }
  299.  
  300.     /*将类数组转换为数组的方法*/
  301.     formArray (ary) {
  302.       var arr = [];
  303.       if(Array.isArray(ary)) {
  304.         arr = ary;
  305.       } else {
  306.         arr = Array.prototype.slice.call(ary);
  307.       };
  308.       return arr;
  309.     }
  310.  
  311.     /*最大值*/
  312.     max (arr) {
  313.       return Math.max.apply(null, arr);
  314.     }
  315.  
  316.     /*最小值*/
  317.     min (arr) {
  318.       return Math.min.apply(null, arr);
  319.     }
  320.  
  321.     /*求和*/
  322.     sum (arr) {
  323.       return arr.reduce( (pre, cur) => {
  324.         return pre + cur
  325.       })
  326.     }
  327.  
  328.     /*平均值*/
  329.     average (arr) {
  330.       return this.sum(arr)/arr.length
  331.     }
  332.  
  333.     //String
  334.  
  335.     /**
  336.      * 去除空格
  337.      * @param {str}
  338.      * @param {type}
  339.      *    type: 1-所有空格 2-前后空格 3-前空格 4-后空格
  340.      * @return {String}
  341.      */
  342.     trim (str, type) {
  343.       type = type || 1
  344.       switch (type) {
  345.         case 1:
  346.           return str.replace(/\s+/g, "");
  347.         case 2:
  348.           return str.replace(/(^\s*)|(\s*$)/g, "");
  349.         case 3:
  350.           return str.replace(/(^\s*)/g, "");
  351.         case 4:
  352.           return str.replace(/(\s*$)/g, "");
  353.         default:
  354.           return str;
  355.       }
  356.     }
  357.  
  358.     /**
  359.      * @param {str}
  360.      * @param {type}
  361.      *    type: 1:首字母大写 2：首页母小写 3：大小写转换 4：全部大写 5：全部小写
  362.      * @return {String}
  363.      */
  364.     changeCase (str, type) {
  365.       type = type || 4
  366.       switch (type) {
  367.         case 1:
  368.           return str.replace(/\b\w+\b/g, function (word) {
  369.             return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
  370.  
  371.           });
  372.         case 2:
  373.           return str.replace(/\b\w+\b/g, function (word) {
  374.             return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
  375.           });
  376.         case 3:
  377.           return str.split('').map( function(word){
  378.             if (/[a-z]/.test(word)) {
  379.               return word.toUpperCase();
  380.             }else{
  381.               return word.toLowerCase()
  382.             }
  383.           }).join('')
  384.         case 4:
  385.           return str.toUpperCase();
  386.         case 5:
  387.           return str.toLowerCase();
  388.         default:
  389.           return str;
  390.       }
  391.     }
  392.  
  393.     /*
  394.       检测密码强度
  395.     */
  396.     checkPwd (str) {
  397.       var Lv = 0;
  398.       if (str.length < 6) {
  399.         return Lv
  400.       }
  401.       if (/[0-9]/.test(str)) {
  402.         Lv++
  403.       }
  404.       if (/[a-z]/.test(str)) {
  405.         Lv++
  406.       }
  407.       if (/[A-Z]/.test(str)) {
  408.         Lv++
  409.       }
  410.       if (/[\.|-|_]/.test(str)) {
  411.         Lv++
  412.       }
  413.       return Lv;
  414.     }
  415.  
  416.     /*过滤html代码(把<>转换)*/
  417.     filterTag (str) {
  418.       str = str.replace(/&/ig, "&");
  419.       str = str.replace(/</ig, "<");
  420.       str = str.replace(/>/ig, ">");
  421.       str = str.replace(" ", " ");
  422.       return str;
  423.     }
  424.  
  425.     //Numbr
  426.  
  427.     /*随机数范围*/
  428.     random (min, max) {
  429.       if (arguments.length === 2) {
  430.         return Math.floor(min + Math.random() * ( (max+1) - min ))
  431.       }else{
  432.         return null;
  433.       }
  434.  
  435.     }
  436.  
  437.     /*将阿拉伯数字翻译成中文的大写数字*/
  438.     numberToChinese (num) {
  439.       var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十");
  440.       var BB = new Array("", "十", "百", "仟", "萬", "億", "点", "");
  441.       var a = ("" + num).replace(/(^0*)/g, "").split("."),
  442.         k = 0,
  443.         re = "";
  444.       for(var i = a[0].length - 1; i >= 0; i--) {
  445.         switch(k) {
  446.           case 0:
  447.             re = BB[7] + re;
  448.             break;
  449.           case 4:
  450.             if(!new RegExp("0{4}//d{" + (a[0].length - i - 1) + "}$")
  451.               .test(a[0]))
  452.               re = BB[4] + re;
  453.             break;
  454.           case 8:
  455.             re = BB[5] + re;
  456.             BB[7] = BB[5];
  457.             k = 0;
  458.             break;
  459.         }
  460.         if(k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0)
  461.           re = AA[0] + re;
  462.         if(a[0].charAt(i) != 0)
  463.           re = AA[a[0].charAt(i)] + BB[k % 4] + re;
  464.         k++;
  465.       }
  466.  
  467.       if(a.length > 1) // 加上小数部分(如果有小数部分)
  468.       {
  469.         re += BB[6];
  470.         for(var i = 0; i < a[1].length; i++)
  471.           re += AA[a[1].charAt(i)];
  472.       }
  473.       if(re == '一十')
  474.         re = "十";
  475.       if(re.match(/^一/) && re.length == 3)
  476.         re = re.replace("一", "");
  477.       return re;
  478.     }
  479.  
  480.     /*将数字转换为大写金额*/
  481.     changeToChinese (Num) {
  482.         //判断如果传递进来的不是字符的话转换为字符
  483.         if(typeof Num == "number") {
  484.           Num = new String(Num);
  485.         };
  486.         Num = Num.replace(/,/g, "") //替换tomoney()中的“,”
  487.         Num = Num.replace(/ /g, "") //替换tomoney()中的空格
  488.         Num = Num.replace(/￥/g, "") //替换掉可能出现的￥字符
  489.         if(isNaN(Num)) { //验证输入的字符是否为数字
  490.           //alert("请检查小写金额是否正确");
  491.           return "";
  492.         };
  493.         //字符处理完毕后开始转换，采用前后两部分分别转换
  494.         var part = String(Num).split(".");
  495.         var newchar = "";
  496.         //小数点前进行转化
  497.         for(var i = part[0].length - 1; i >= 0; i--) {
  498.           if(part[0].length > 10) {
  499.             return "";
  500.             //若数量超过拾亿单位，提示
  501.           }
  502.           var tmpnewchar = ""
  503.           var perchar = part[0].charAt(i);
  504.           switch(perchar) {
  505.             case "0":
  506.               tmpnewchar = "零" + tmpnewchar;
  507.               break;
  508.             case "1":
  509.               tmpnewchar = "壹" + tmpnewchar;
  510.               break;
  511.             case "2":
  512.               tmpnewchar = "贰" + tmpnewchar;
  513.               break;
  514.             case "3":
  515.               tmpnewchar = "叁" + tmpnewchar;
  516.               break;
  517.             case "4":
  518.               tmpnewchar = "肆" + tmpnewchar;
  519.               break;
  520.             case "5":
  521.               tmpnewchar = "伍" + tmpnewchar;
  522.               break;
  523.             case "6":
  524.               tmpnewchar = "陆" + tmpnewchar;
  525.               break;
  526.             case "7":
  527.               tmpnewchar = "柒" + tmpnewchar;
  528.               break;
  529.             case "8":
  530.               tmpnewchar = "捌" + tmpnewchar;
  531.               break;
  532.             case "9":
  533.               tmpnewchar = "玖" + tmpnewchar;
  534.               break;
  535.           }
  536.           switch(part[0].length - i - 1) {
  537.             case 0:
  538.               tmpnewchar = tmpnewchar + "元";
  539.               break;
  540.             case 1:
  541.               if(perchar != 0) tmpnewchar = tmpnewchar + "拾";
  542.               break;
  543.             case 2:
  544.               if(perchar != 0) tmpnewchar = tmpnewchar + "佰";
  545.               break;
  546.             case 3:
  547.               if(perchar != 0) tmpnewchar = tmpnewchar + "仟";
  548.               break;
  549.             case 4:
  550.               tmpnewchar = tmpnewchar + "万";
  551.               break;
  552.             case 5:
  553.               if(perchar != 0) tmpnewchar = tmpnewchar + "拾";
  554.               break;
  555.             case 6:
  556.               if(perchar != 0) tmpnewchar = tmpnewchar + "佰";
  557.               break;
  558.             case 7:
  559.               if(perchar != 0) tmpnewchar = tmpnewchar + "仟";
  560.               break;
  561.             case 8:
  562.               tmpnewchar = tmpnewchar + "亿";
  563.               break;
  564.             case 9:
  565.               tmpnewchar = tmpnewchar + "拾";
  566.               break;
  567.           }
  568.           var newchar = tmpnewchar + newchar;
  569.         }
  570.         //小数点之后进行转化
  571.         if(Num.indexOf(".") != -1) {
  572.           if(part[1].length > 2) {
  573.             // alert("小数点之后只能保留两位,系统将自动截断");
  574.             part[1] = part[1].substr(0, 2)
  575.           }
  576.           for(i = 0; i < part[1].length; i++) {
  577.             tmpnewchar = ""
  578.             perchar = part[1].charAt(i)
  579.             switch(perchar) {
  580.               case "0":
  581.                 tmpnewchar = "零" + tmpnewchar;
  582.                 break;
  583.               case "1":
  584.                 tmpnewchar = "壹" + tmpnewchar;
  585.                 break;
  586.               case "2":
  587.                 tmpnewchar = "贰" + tmpnewchar;
  588.                 break;
  589.               case "3":
  590.                 tmpnewchar = "叁" + tmpnewchar;
  591.                 break;
  592.               case "4":
  593.                 tmpnewchar = "肆" + tmpnewchar;
  594.                 break;
  595.               case "5":
  596.                 tmpnewchar = "伍" + tmpnewchar;
  597.                 break;
  598.               case "6":
  599.                 tmpnewchar = "陆" + tmpnewchar;
  600.                 break;
  601.               case "7":
  602.                 tmpnewchar = "柒" + tmpnewchar;
  603.                 break;
  604.               case "8":
  605.                 tmpnewchar = "捌" + tmpnewchar;
  606.                 break;
  607.               case "9":
  608.                 tmpnewchar = "玖" + tmpnewchar;
  609.                 break;
  610.             }
  611.             if(i == 0) tmpnewchar = tmpnewchar + "角";
  612.             if(i == 1) tmpnewchar = tmpnewchar + "分";
  613.             newchar = newchar + tmpnewchar;
  614.           }
  615.         }
  616.         //替换所有无用汉字
  617.         while(newchar.search("零零") != -1)
  618.           newchar = newchar.replace("零零", "零");
  619.         newchar = newchar.replace("零亿", "亿");
  620.         newchar = newchar.replace("亿万", "亿");
  621.         newchar = newchar.replace("零万", "万");
  622.         newchar = newchar.replace("零元", "元");
  623.         newchar = newchar.replace("零角", "");
  624.         newchar = newchar.replace("零分", "");
  625.         if(newchar.charAt(newchar.length - 1) == "元") {
  626.           newchar = newchar + "整"
  627.         }
  628.         return newchar;
  629.       }
  630.  
  631.     //HTTP
  632.     /*-----------------cookie---------------------*/
  633.     /*设置cookie*/
  634.     setCookie (name, value, day) {
  635.         var setting = arguments[0];
  636.         if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
  637.       for (var i in setting) {
  638.         var oDate = new Date();
  639.         oDate.setDate(oDate.getDate() + day);
  640.         document.cookie = i + '=' + setting[i] + ';expires=' + oDate;
  641.       }
  642.     }else{
  643.       var oDate = new Date();
  644.       oDate.setDate(oDate.getDate() + day);
  645.       document.cookie = name + '=' + value + ';expires=' + oDate;
  646.         }
  647.  
  648.       }
  649.  
  650.     /*获取cookie*/
  651.     getCookie (name) {
  652.         var arr = document.cookie.split('; ');
  653.     for (var i = 0; i < arr.length; i++) {
  654.       var arr2 = arr[i].split('=');
  655.       if (arr2[0] == name) {
  656.         return arr2[1];
  657.       }
  658.     }
  659.     return '';
  660.       }
  661.  
  662.     /*删除cookie*/
  663.     removeCookie (name) {
  664.         this.setCookie(name, 1, -1);
  665.       }
  666.  
  667.     /*-----------------localStorage---------------------*/
  668.     /*设置localStorage*/
  669.     setLocal(key, val) {
  670.         var setting = arguments[0];
  671.         if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
  672.           for(var i in setting){
  673.             this.ls.setItem(i, JSON.stringify(setting[i]))
  674.           }
  675.         }else{
  676.           this.ls.setItem(key, JSON.stringify(val))
  677.         }
  678.  
  679.       }
  680.  
  681.     /*获取localStorage*/
  682.     getLocal(key) {
  683.         if (key) return JSON.parse(this.ls.getItem(key))
  684.         return null;
  685.  
  686.       }
  687.  
  688.     /*移除localStorage*/
  689.     removeLocal(key) {
  690.         this.ls.removeItem(key)
  691.       }
  692.  
  693.     /*移除所有localStorage*/
  694.     clearLocal() {
  695.         this.ls.clear()
  696.     }
  697.  
  698.     /*-----------------sessionStorage---------------------*/
  699.     /*设置sessionStorage*/
  700.     setSession(key, val) {
  701.         var setting = arguments[0];
  702.         if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
  703.           for(var i in setting){
  704.             this.ss.setItem(i, JSON.stringify(setting[i]))
  705.           }
  706.         }else{
  707.           this.ss.setItem(key, JSON.stringify(val))
  708.         }
  709.  
  710.       }
  711.  
  712.     /*获取sessionStorage*/
  713.     getSession(key) {
  714.       if (key) return JSON.parse(this.ss.getItem(key))
  715.       return null;
  716.  
  717.     }
  718.  
  719.     /*移除sessionStorage*/
  720.     removeSession(key) {
  721.       this.ss.removeItem(key)
  722.     }
  723.  
  724.     /*移除所有sessionStorage*/
  725.     clearSession() {
  726.       this.ss.clear()
  727.     }
/* 封装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();

      }

    }

}




												



											
js工具类的封装的更多相关文章
	

    
								
  1. 分享非常好用的前端分页js工具类   灵活 简单易懂
		
    分享自己封装的前端分页js工具类  下面是默认样式效果截图 可以随意更改js及css 很灵活 /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总 ...
    
		
    2. 
						
  2. iOS开发--QQ音乐练习,旋转动画的实现,音乐工具类的封装,定时器的使用技巧,SliderBar的事件处理
		
    一.旋转动画的实现 二.音乐工具类的封装 -- 返回所有歌曲,返回当前播放歌曲,设置当前播放歌曲,返回下一首歌曲,返回上一首歌曲方法的实现 头文件 .m文件 #import "ChaosMu ...
    
		
    3. 
						
  3. JS 工具类
		
    之前工作用的JavaScript比较多,总结了一下工具类,和大家分享一下,有不足之处还请多多见谅!! 1. 数组工具类(arrayUtils) var arrayUtils = {}; (functi ...
    
		
    4. 
						
  4. Rhino+envjs-1.2.js 在java运行网站js 工具类
		
    java爬虫遇到个页面加密的东西,找了些资料学习学习 做了个java运行js的工具类,希望对大家有用,其中用到client(获取js)可以自行换成自己的client.主要是用了 Rhino就是Java ...
    
		
    5. 
						
  5. swift项目第十天：网络请求工具类的封装
		
    import UIKit /* 必须先导入头文件:import AFNetworking */ import AFNetworking //MARK:-0:定义枚举:以枚举定义请求网络的get和pos ...
    
		
    6. 
						
  6. jwt工具类的封装
		
    第一步先引入jar: <dependency> <groupId>com.nimbusds</groupId> <artifactId>nimbus-j ...
    
		
    7. 
						
  7. JDBC工具类—如何封装JDBC
		
    “获得数据库连接”操作,将在以后的增删改查所有功能中都存在,可以封装工具类JDBCUtils.提供获取连接对象的方法,从而达到代码的重复利用. 该工具类提供方法:public static Conne ...
    
		
    8. 
						
  8. jdbc工具类的封装，以及表单验证数据提交后台
		
    在之前已经写过了jdbc的工具类,不过最近学习了新的方法,所以在这里重新写一遍,为后面的javaEE做铺垫: 首先我们要了解javaEE项目中,文件构成,新建一个javaEE项目,在项目中,有一个we ...
    
		
    9. 
						
  9. DAO工具类的封装源码
		
    详细源码见下表,绝对原创,转载请注明出处! package com.ydj.util; import java.sql.Connection; import java.sql.PreparedStat ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. POJ-2418 Hardwood Species（二叉搜索树）
			
    思路就是先将每个单词存进二叉树中,没出现一次,修改该单词所在结点的cnt++: 最后通过递归中序遍历输出结果. 思路很清晰,主要注意一下指针的使用,想一想为什么要这么用? 简单的解释就是,insert ...
    
			
    2. 
						
  2. centos 7 删除 virbr0 虚拟网卡virsh net-list
			
    这几天研究dubbo,在电脑上装了几台Center os 7虚拟机,最后把提供者部署到虚拟机中时,发现一个有趣的事:在dubbo-admin管理平台上看到两台不同虚拟机中的服务提供者ip都是这个玩意. ...
    
			
    3. 
						
  3. Nodejs Q promise设计思路
			
    Nodejs Q promise库 前言 Q库为nodejs提供了一个基于promise的编程方式,从此避免了一层又一层的callback调用.不过Q的灵活性也给我造成了很大困扰,我可以用promis ...
    
			
    4. 
						
  4. WIN7环境安装informatica 提示 不能创建Domain或者node
			
    查看infa安装的bat文件install.bat,会发现,它调用的是.\Server\Windows\Disk1\InstData\VM\install.exe.所以,我们在安装执行,右键insta ...
    
			
    5. 
						
  5. bootstrap-datetimepicker日期控件下载
			
    bootstrap-datetimepicker.js bootstrap-datetimepicker.zh-CN.js bootstrap-datetimepicker.min.css 下载网站: ...
    
			
    6. 
						
  6. valgrind的memchk和callgrind
			
    一.安装valgrind 安装valgrind,正常的三部曲configure/make/make install就行. 二.memchk使用 1.执行命令 [root@10g-host4 tools ...
    
			
    7. 
						
  7. 新一代调试王者Console
			
    随着JS在Web前端中能做的事情越来越多,责任越来越大,而地位也越来越重要.传统的alert调试方式已经渐渐不能满足前端开发的种种场景.而且alert调试方式弹出的调试信息,那个窗口着实不太美观,而且 ...
    
			
    8. 
						
  8. Mybatis-Generator插件的使用与Spring集成Mybatis的配置
			
    参考:http://blog.51cto.com/zero01/2103687 Mybatis-Generator是一个用于自动生成dao层接口.pojo以及mapper xml的一个Mybatis插 ...
    
			
    9. 
						
  9. go-statsd项目
			
    linux命令: 进程:top 收包丢包:netstat -su[c持续输出] go tool pprof: 我们可以使用go tool pprof命令来交互式的访问概要文件的内容.命令将会分析指定的 ...
    
			
    10. 
						
  10. poj1113凸包
			
    就是求凸包的周长加以l为半径的圆周长,证明略 由于之前写过叉积,所以graham扫描算法不是很难理解 #include<map> #include<set> #include& ...
    
			
    11.