|
|
@@ -0,0 +1,718 @@
|
|
|
+/**
|
|
|
+ * utils.js v0.0.1
|
|
|
+ * 各类js工具函数
|
|
|
+ */
|
|
|
+
|
|
|
+/*
|
|
|
+ * 时间格式化函数(将时间格式化为，2019年08月12日，2019-08-12，2019/08/12的形式)
|
|
|
+ *
|
|
|
+ *
|
|
|
+ * pattern参数（想要什么格式的数据就传入什么格式的数据）
|
|
|
+ * · 'yyyy-MM-dd' ---> 输出如2019-09-20
|
|
|
+ * · 'yyyy-MM-dd hh:mm' ---> 输出如2019-09-20 08:20
|
|
|
+ * · 'yyyy-MM-dd HH:mm:ss' ---> 输出如2019-09-20 18:20:23
|
|
|
+ * · 'yyyy/MM/dd' ---> 输出如2019/09/20
|
|
|
+ * · 'yyyy年MM月dd日' ---> 输出如2019年09月20日
|
|
|
+ * · 'yyyy年MM月dd日 hh时mm分' ---> 输出如2019年09月20日 08时20分
|
|
|
+ * · 'yyyy年MM月dd日 hh时mm分ss秒' ---> 输出如2019年09月20日 08时20分23秒
|
|
|
+ * · 'yyyy年MM月dd日 hh时mm分ss秒 EE' ---> 输出如2019年09月20日 08时20分23秒 周二
|
|
|
+ * · 'yyyy年MM月dd日 hh时mm分ss秒 EEE' ---> 输出如2019年09月20日 08时20分23秒 星期二
|
|
|
+ *
|
|
|
+ * 参考: https://www.cnblogs.com/mr-wuxiansheng/p/6296646.html
|
|
|
+ */
|
|
|
+Date.prototype.pattern = function (fmt) {
|
|
|
+ if (!fmt) return ''
|
|
|
+ var o = {
|
|
|
+ 'y+': this.getFullYear(),
|
|
|
+ 'M+': this.getMonth() + 1, // 月份
|
|
|
+ 'd+': this.getDate(), // 日
|
|
|
+ // 12小时制
|
|
|
+ 'h+': this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, // 小时
|
|
|
+ // 24小时制
|
|
|
+ 'H+': this.getHours(), // 小时
|
|
|
+ 'm+': this.getMinutes(), // 分
|
|
|
+ 's+': this.getSeconds(), // 秒
|
|
|
+ 'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
|
|
|
+ 'S': this.getMilliseconds(), // 毫秒
|
|
|
+ 'E+': this.getDay(), // 周
|
|
|
+ };
|
|
|
+ var week = {
|
|
|
+ '0': '日',
|
|
|
+ '1': '一',
|
|
|
+ '2': '二',
|
|
|
+ '3': '三',
|
|
|
+ '4': '四',
|
|
|
+ '5': '五',
|
|
|
+ '6': '六'
|
|
|
+ };
|
|
|
+ if (/(y+)/.test(fmt)) {
|
|
|
+ fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
|
|
|
+ }
|
|
|
+ if (/(E+)/.test(fmt)) {
|
|
|
+ fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? '星期' : '周') : '') + week[
|
|
|
+ this.getDay() + '']);
|
|
|
+ }
|
|
|
+ for (var k in o) {
|
|
|
+ if (new RegExp('(' + k + ')').test(fmt)) {
|
|
|
+ fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k])
|
|
|
+ .length)));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return fmt;
|
|
|
+}
|
|
|
+/* 挂载到Number原型上，格式化小数用tofixed会造成位数不够补零的情况（处理不让自动补零）
|
|
|
+ 栗子： 不是number类型的需要转一下
|
|
|
+ Number('').fixed()
|
|
|
+ Number('213412DDD').fixed()
|
|
|
+ 1234.152354.fixed()
|
|
|
+ 1234.152354.fixed(2)
|
|
|
+ 1234.152354.fixed(10)
|
|
|
+*/
|
|
|
+Number.prototype.fixed = function(len){
|
|
|
+ len = isNaN(len)? 0 : len
|
|
|
+ var num = Math.pow(10,len)
|
|
|
+ return Math.round(this*num) / num
|
|
|
+}
|
|
|
+
|
|
|
+var popupTip = {
|
|
|
+ setAlert: function (obj) {
|
|
|
+ var html = `<p class="shiyong_text">试用功能数额已超限，请购买剑鱼大会员正式版</p><button onClick="location.href='/jyapp/big/page/landingPage'" class="shiyong_buy">立即购买</button>`
|
|
|
+ obj.$dialog.alert({
|
|
|
+ className: 'shiyong_common',
|
|
|
+ title: '温馨提醒',
|
|
|
+ message: html,
|
|
|
+ theme: 'round-button',
|
|
|
+ confirmButtonText:'取消，暂不使用',
|
|
|
+ confirmButtonColor:'#2ABED1'
|
|
|
+ }).then(() => {
|
|
|
+ // on close
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+var utils = {
|
|
|
+ // utils版本号
|
|
|
+ version: '0.0.1',
|
|
|
+ isWeiXinBrowser: navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1,
|
|
|
+ isAndroid: navigator.userAgent.toLowerCase().indexOf('android') !== -1,
|
|
|
+ isIos: /iphone|ipod|ipad|ios/.test(navigator.userAgent.toLowerCase()),
|
|
|
+ // 传入你要获取的参数的名字
|
|
|
+ getParam: function (name) {
|
|
|
+ var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
|
|
|
+ var r = window.location.search.substr(1).match(reg); //获取url中'?'符后的字符串并正则匹配
|
|
|
+
|
|
|
+ var context = '';
|
|
|
+ if (r != null) context = r[2];
|
|
|
+ // 释放变量
|
|
|
+ reg = null;
|
|
|
+ r = null;
|
|
|
+ return context == null || context == '' || context == 'undefined' ? '' : context;
|
|
|
+ },
|
|
|
+ // 取[m, n]随机数
|
|
|
+ getRandomNumber: function (min, max) {
|
|
|
+ return Math.floor(Math.random() * (max - min + 1) + min);
|
|
|
+ },
|
|
|
+ // 获取唯一的uuid
|
|
|
+ // https://www.kancloud.cn/ifeng/js100/622666
|
|
|
+ getRandomUuid: function () {
|
|
|
+ var s = [];
|
|
|
+ var hexDigits = "0123456789abcdef";
|
|
|
+ for (var i = 0; i < 36; i++) {
|
|
|
+ s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
|
|
|
+ }
|
|
|
+ s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
|
|
|
+ s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
|
|
|
+ s[8] = s[13] = s[18] = s[23] = "-";
|
|
|
+
|
|
|
+ var uuid = s.join("");
|
|
|
+ return uuid;
|
|
|
+ },
|
|
|
+ // 获取随机字符串
|
|
|
+ // 不传参数则获取长度不固定的字符串
|
|
|
+ getRandomString: function (len) {
|
|
|
+ var randomString = '';
|
|
|
+ if (len) {
|
|
|
+ /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
|
|
|
+ var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
|
|
|
+ var maxPos = $chars.length;
|
|
|
+ for (i = 0; i < len; i++) {
|
|
|
+ randomString += $chars.charAt(Math.floor(Math.random() * maxPos));
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // Math.random() 生成随机数字, eg: 0.123456
|
|
|
+ // .toString(36) 转化成36进制 : "0.4fzyo82mvyr"
|
|
|
+ // .substring(2) 去掉前面两位 : "yo82mvyr"
|
|
|
+ // .slice(-8) 截取最后八位 : "yo82mvyr"
|
|
|
+ randomString = Math.random().toString(36).substring(2)
|
|
|
+ }
|
|
|
+ return randomString;
|
|
|
+ },
|
|
|
+ // FROM: https://www.jianshu.com/p/90ed8b728975
|
|
|
+ // 比较两个对象是否相等
|
|
|
+ // 返回true为相等，返回false为不相等
|
|
|
+ deepCompare: function (x, y) {
|
|
|
+ var i, l, leftChain, rightChain;
|
|
|
+ function compare2Objects(x, y) {
|
|
|
+ var p;
|
|
|
+ // remember that NaN === NaN returns false
|
|
|
+ // and isNaN(undefined) returns true
|
|
|
+ if (isNaN(x) && isNaN(y) && typeof x === 'number' && typeof y === 'number') {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Compare primitives and functions.
|
|
|
+ // Check if both arguments link to the same object.
|
|
|
+ // Especially useful on the step where we compare prototypes
|
|
|
+ if (x === y) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Works in case when functions are created in constructor.
|
|
|
+ // Comparing dates is a common scenario. Another built-ins?
|
|
|
+ // We can even handle functions passed across iframes
|
|
|
+ if ((typeof x === 'function' && typeof y === 'function') ||
|
|
|
+ (x instanceof Date && y instanceof Date) ||
|
|
|
+ (x instanceof RegExp && y instanceof RegExp) ||
|
|
|
+ (x instanceof String && y instanceof String) ||
|
|
|
+ (x instanceof Number && y instanceof Number)) {
|
|
|
+ return x.toString() === y.toString();
|
|
|
+ }
|
|
|
+
|
|
|
+ // At last checking prototypes as good as we can
|
|
|
+ if (!(x instanceof Object && y instanceof Object)) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (x.isPrototypeOf(y) || y.isPrototypeOf(x)) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (x.constructor !== y.constructor) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (x.prototype !== y.prototype) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Check for infinitive linking loops
|
|
|
+ if (leftChain.indexOf(x) > -1 || rightChain.indexOf(y) > -1) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Quick checking of one object being a subset of another.
|
|
|
+ // todo: cache the structure of arguments[0] for performance
|
|
|
+ for (p in y) {
|
|
|
+ if (y.hasOwnProperty(p) !== x.hasOwnProperty(p)) {
|
|
|
+ return false;
|
|
|
+ } else if (typeof y[p] !== typeof x[p]) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ for (p in x) {
|
|
|
+ if (y.hasOwnProperty(p) !== x.hasOwnProperty(p)) {
|
|
|
+ return false;
|
|
|
+ } else if (typeof y[p] !== typeof x[p]) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ switch (typeof (x[p])) {
|
|
|
+ case 'object':
|
|
|
+ case 'function':
|
|
|
+
|
|
|
+ leftChain.push(x);
|
|
|
+ rightChain.push(y);
|
|
|
+
|
|
|
+ if (!compare2Objects(x[p], y[p])) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ leftChain.pop();
|
|
|
+ rightChain.pop();
|
|
|
+ break;
|
|
|
+
|
|
|
+ default:
|
|
|
+ if (x[p] !== y[p]) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (arguments.length < 1) {
|
|
|
+ return true; //Die silently? Don't know how to handle such case, please help...
|
|
|
+ // throw "Need two or more arguments to compare";
|
|
|
+ }
|
|
|
+
|
|
|
+ for (i = 1, l = arguments.length; i < l; i++) {
|
|
|
+
|
|
|
+ leftChain = []; //Todo: this can be cached
|
|
|
+ rightChain = [];
|
|
|
+
|
|
|
+ if (!compare2Objects(arguments[0], arguments[i])) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // 判断变量是否是数组
|
|
|
+ isArray: function (o){
|
|
|
+ return Object.prototype.toString.call(o) == '[object Array]';
|
|
|
+ },
|
|
|
+ // 数组对象根据某一个值进行从小到大冒泡排序
|
|
|
+ // arr 数组
|
|
|
+ // value 字符串
|
|
|
+ bSort: function (arr, value) {
|
|
|
+ var len = arr.length;
|
|
|
+ for (var i = 0; i < len - 1; i++) {
|
|
|
+ for (var j = 0; j < len - 1 - i; j++) {
|
|
|
+ // 相邻元素两两对比，元素交换，大的元素交换到后面
|
|
|
+ if (arr[j][value] > arr[j + 1][value]) {
|
|
|
+ var temp = arr[j];
|
|
|
+ arr[j] = arr[j + 1];
|
|
|
+ arr[j + 1] = temp;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return arr;
|
|
|
+ },
|
|
|
+ // 数组去重
|
|
|
+ unique: function (arr) {
|
|
|
+ if (!this.isArray(arr)) {
|
|
|
+ console.log('type error!')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ var array = [];
|
|
|
+ for (var i = 0; i < arr.length; i++) {
|
|
|
+ if (array .indexOf(arr[i]) === -1) {
|
|
|
+ array .push(arr[i])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return array
|
|
|
+ },
|
|
|
+ // 数组乱序
|
|
|
+ shuffle: function (arr) {
|
|
|
+ var targetArr = JSON.parse(JSON.stringify(arr || []))
|
|
|
+ var hitArr = []
|
|
|
+ var len = targetArr.length
|
|
|
+ for (var i = 0; i < len; i++) {
|
|
|
+ // 获取随机下标
|
|
|
+ var index = Math.floor(Math.random() * targetArr.length)
|
|
|
+ hitArr.push(targetArr[index])
|
|
|
+ targetArr.splice(index, 1)
|
|
|
+ }
|
|
|
+ return hitArr.concat(targetArr)
|
|
|
+ },
|
|
|
+ // 解决ios返回不刷新页面的问题
|
|
|
+ iosBackRefresh: function () {
|
|
|
+ var isPageHide = false;
|
|
|
+ window.addEventListener('pageshow', function () {
|
|
|
+ if (isPageHide) {
|
|
|
+ location.reload();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ window.addEventListener('pagehide', function () {
|
|
|
+ isPageHide = true;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // ios返回调用函数
|
|
|
+ iosBackInvoke: function (callback) {
|
|
|
+ var isPageHide = false;
|
|
|
+ window.addEventListener('pageshow', function () {
|
|
|
+ if (isPageHide) {
|
|
|
+ callback && callback();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ window.addEventListener('pagehide', function () {
|
|
|
+ isPageHide = true;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 格式化金钱的函数
|
|
|
+ * @param {number} s 金额必传
|
|
|
+ * @param {int:0-100} n 保留小数的位数(int:0-100)
|
|
|
+ */
|
|
|
+ formatMoney: function (s, n) {
|
|
|
+ if (n === undefined) {
|
|
|
+ n = -1
|
|
|
+ } else {
|
|
|
+ n = n > 0 && n <= 20 ? n : 2;
|
|
|
+ }
|
|
|
+ var intS = parseInt(s)
|
|
|
+ var point = '.'
|
|
|
+ var left;
|
|
|
+ var right;
|
|
|
+ s = parseFloat((s + '').replace(/[^\d\.-]/g, ''))
|
|
|
+ // 没传n，默认(如果为整数，则不保留小数。如果为浮点数，则保留两位小数)
|
|
|
+ if (n === -1) {
|
|
|
+ if (s === intS) {
|
|
|
+ n = 0
|
|
|
+ right = ''
|
|
|
+ point = ''
|
|
|
+ } else {
|
|
|
+ n = 2
|
|
|
+ s = s.toFixed(n);
|
|
|
+ right = s.split('.')[1];
|
|
|
+ }
|
|
|
+ s = s + ''
|
|
|
+ left = s.split('.')[0].split('').reverse();
|
|
|
+ } else {
|
|
|
+ s = parseFloat((s + '').replace(/[^\d\.-]/g, '')).toFixed(n) + '';
|
|
|
+ left = s.split('.')[0].split('').reverse();
|
|
|
+ right = s.split('.')[1];
|
|
|
+ }
|
|
|
+
|
|
|
+ t = '';
|
|
|
+ for (i = 0; i < left.length; i++) {
|
|
|
+ t += left[i] + ((i + 1) % 3 == 0 && (i + 1) != left.length ? ',' : '');
|
|
|
+ }
|
|
|
+
|
|
|
+ var money = t.split('').reverse().join('') + point + right;
|
|
|
+ return money;
|
|
|
+ },
|
|
|
+ // 金额大写，链接：https://juejin.im/post/5a2a7a5051882535cd4abfce
|
|
|
+ // upDigit(1682) result："人民币壹仟陆佰捌拾贰元整"
|
|
|
+ // upDigit(-1693) result："欠壹仟陆佰玖拾叁元整"
|
|
|
+ upPrice: function (n) {
|
|
|
+ var fraction = ['角', '分', '厘']
|
|
|
+ var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
|
|
|
+ var unit = [
|
|
|
+ ['元', '万', '亿'],
|
|
|
+ ['', '拾', '佰', '仟']
|
|
|
+ ]
|
|
|
+ // var head = n < 0 ? '欠人民币' : '人民币'
|
|
|
+ var head = ''
|
|
|
+ n = Math.abs(n)
|
|
|
+ var s = ''
|
|
|
+ for (var i = 0; i < fraction.length; i++) {
|
|
|
+ s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '')
|
|
|
+ }
|
|
|
+ s = s || '整'
|
|
|
+ n = Math.floor(n)
|
|
|
+ for (var i = 0; i < unit[0].length && n > 0; i++) {
|
|
|
+ var p = ''
|
|
|
+ for (var j = 0; j < unit[1].length && n > 0; j++) {
|
|
|
+ p = digit[n % 10] + unit[1][j] + p
|
|
|
+ n = Math.floor(n / 10)
|
|
|
+ }
|
|
|
+ s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s
|
|
|
+ // s = p + unit[0][i] + s;
|
|
|
+ }
|
|
|
+ return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
|
|
|
+ },
|
|
|
+ // 手机号中间4位加*
|
|
|
+ addConfusionForTel: function (tel) {
|
|
|
+ var reg = /^(\d{3})\d{4}(\d{4})$/
|
|
|
+ return tel.replace(reg, '$1****$2')
|
|
|
+ },
|
|
|
+ // 手机号加空格
|
|
|
+ addSpaceForTel: function (tel) {
|
|
|
+ var regMap = {
|
|
|
+ isConfuse: /^(\d{3})\*{4}(\d{4})$/,
|
|
|
+ addSpace: /^(\d{3})(\d{4})(\d{4})$/
|
|
|
+ }
|
|
|
+ var confusion = regMap.isConfuse.test(tel)
|
|
|
+ if (confusion) {
|
|
|
+ return tel.replace(regMap.isConfuse, '$1 **** $2')
|
|
|
+ } else {
|
|
|
+ return tel.replace(regMap.addSpace, '$1 $2 $3')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 时间戳转换 多少秒、多少分、多少小时前、多少天前 超出10天显示年月日
|
|
|
+ * @param {Date} originTime 要转换的时间对象(或者时间戳)
|
|
|
+ */
|
|
|
+ dateFromNow: function (originTime) {
|
|
|
+ if (!originTime) return
|
|
|
+ // 原始时间 - 传入的时间戳
|
|
|
+ var originTimeStamp = +new Date(originTime)
|
|
|
+ // 当前时间戳
|
|
|
+ var nowTimeStamp = +new Date()
|
|
|
+ // 时间戳相差多少
|
|
|
+ var diffTimeStamp = nowTimeStamp - originTimeStamp
|
|
|
+
|
|
|
+ var postfix = diffTimeStamp > 0 ? '前' : '后'
|
|
|
+ // 求绝对值 ms(毫秒)
|
|
|
+ var diffTimeStampAbsMs = Math.abs(diffTimeStamp)
|
|
|
+ var diffTimeStampAbsS = Math.round(diffTimeStampAbsMs / 1000)
|
|
|
+
|
|
|
+ // 10天的秒数
|
|
|
+ var days11 = 11 * 24 * 60 * 60
|
|
|
+ // var dataMap = {
|
|
|
+ // zh: ['年', '个月', '星期', '天', '小时', '分钟', '秒'],
|
|
|
+ // number: [365*24*60*60, 30*24*60*60, 7*24*60*60, 24*60*60, 60*60, 60, 1]
|
|
|
+ // }
|
|
|
+ var dataMap = {
|
|
|
+ zh: ['天', '小时', '分钟', '秒'],
|
|
|
+ number: [24 * 60 * 60, 60 * 60, 60, 1]
|
|
|
+ }
|
|
|
+
|
|
|
+ var timeString = ''
|
|
|
+ if (diffTimeStampAbsS > days11) {
|
|
|
+ // 大于10天，则使用正常日期显示
|
|
|
+ var originDate = new Date(originTimeStamp)
|
|
|
+ var nowDate = new Date()
|
|
|
+ // 是否同年
|
|
|
+ var sameYear = originDate.getFullYear() === nowDate.getFullYear()
|
|
|
+ // 如果是当年，则不显示年
|
|
|
+ var patternString = sameYear ? 'MM-dd' : 'yyyy-MM-dd'
|
|
|
+ timeString = originDate.pattern(patternString)
|
|
|
+ } else {
|
|
|
+ for (var i = 0; i < 7; i++) {
|
|
|
+ var inm = Math.floor(diffTimeStampAbsS / dataMap.number[i])
|
|
|
+ if (inm != 0) {
|
|
|
+ timeString = inm + dataMap.zh[i] + postfix
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return timeString
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 输入框获取焦点，隐藏底部固定按钮方法
|
|
|
+ * @param {Array} inputs 传入输入框的DOM对象
|
|
|
+ * @param {Object} footer 按键弹起要隐藏的footer的 DOM对象
|
|
|
+ */
|
|
|
+ inputFocusHideFooter: function (inputs, footer) {
|
|
|
+ var isShowBtn = function (f) {
|
|
|
+ if (f) {
|
|
|
+ footer.style.display = ''
|
|
|
+ } else {
|
|
|
+ footer.style.display = 'none'
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // ios监听输入框的软键盘弹起和收起事件
|
|
|
+ if (this.isIos) {
|
|
|
+ inputs.forEach(function (item) {
|
|
|
+ item.addEventListener('focus', function () {
|
|
|
+ console.log('IOS 键盘弹出')
|
|
|
+ // IOS 键盘弹起后操作
|
|
|
+ isShowBtn(false)
|
|
|
+ }, false)
|
|
|
+
|
|
|
+ // IOS 键盘收起：IOS 点击输入框以外区域或点击收起按钮，输入框都会失去焦点，键盘会收起，
|
|
|
+ item.addEventListener('blur', function () {
|
|
|
+ console.log('IOS 键盘收起')
|
|
|
+ // IOS 键盘收起后操作
|
|
|
+ isShowBtn(true)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // Android 键盘收起：Android 键盘弹起或收起页面高度会发生变化，以此为依据获知键盘收起
|
|
|
+ if (this.isAndroid) {
|
|
|
+ var clientHeight = document.documentElement.clientHeight || document.body.clientHeight
|
|
|
+ window.addEventListener('resize', function () {
|
|
|
+ var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight
|
|
|
+ if (clientHeight > nowClientHeight) {
|
|
|
+ // 键盘弹出的事件处理
|
|
|
+ console.log('Android 键盘弹出')
|
|
|
+ isShowBtn(false)
|
|
|
+ } else {
|
|
|
+ console.log('Android 键盘收起')
|
|
|
+ // 键盘收起的事件处理
|
|
|
+ isShowBtn(true)
|
|
|
+ }
|
|
|
+ }, false)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 通用关键字高亮替换
|
|
|
+ * @param {String} value 要高亮的字符串
|
|
|
+ * @param {String|Array} oldChar 要被替换的字符串(或数组)
|
|
|
+ * @param {String|Array} newChar 要替换成的字符串(或数组)
|
|
|
+ *
|
|
|
+ * 比如：要将 - `剑鱼标讯工具函数` 字符串中的 `工具` 高亮
|
|
|
+ * 则此时 value -> `剑鱼标讯工具函数`
|
|
|
+ * oldChar -> `工具`
|
|
|
+ * newChar -> `<span class="highlight-text">工具</span>`
|
|
|
+ *
|
|
|
+ * 批量高亮-----
|
|
|
+ * 比如：要将 - `剑鱼标讯工具函数` 字符串中的 `工具` `剑鱼` 高亮
|
|
|
+ * 则此时 value -> `剑鱼标讯工具函数批量高亮`
|
|
|
+ * oldChar -> ['工具', '剑鱼']
|
|
|
+ * newChar -> ['<span class="highlight-text">', '</span>']
|
|
|
+ *
|
|
|
+ * 注意：此时newChar为一个长度为2的数组，数组中为高亮标签的起始标签和结束标签
|
|
|
+ *
|
|
|
+ */
|
|
|
+ replaceKeyword: function (value, oldChar, newChar) {
|
|
|
+ var _this = this
|
|
|
+ if (!oldChar || !newChar) return value
|
|
|
+ // oldChar的字符串数组，用来循环替换
|
|
|
+ var oldCharArr = []
|
|
|
+
|
|
|
+ if (this.isArray(oldChar)) {
|
|
|
+ oldCharArr = oldChar.concat()
|
|
|
+ } else {
|
|
|
+ oldCharArr.push(oldChar)
|
|
|
+ }
|
|
|
+
|
|
|
+ // 数组去重
|
|
|
+ oldCharArr = this.unique(oldCharArr)
|
|
|
+
|
|
|
+ try {
|
|
|
+ oldCharArr.forEach(function (item) {
|
|
|
+ // 去空格之后为空字符串，则直接跳过当前替换
|
|
|
+ if (item.replace(/\s+/g, '')) {
|
|
|
+ var oc = item
|
|
|
+ oc = oc.replace(/\$/g, '\\$')
|
|
|
+ .replace(/\(/g, '\\(')
|
|
|
+ .replace(/\)/g, '\\)')
|
|
|
+ .replace(/\*/g, '\\*')
|
|
|
+ .replace(/\+/g, '\\+')
|
|
|
+ .replace(/\./g, '\\.')
|
|
|
+ .replace(/\[/g, '\\[')
|
|
|
+ .replace(/\]/g, '\\]')
|
|
|
+ .replace(/\?/g, '\\?')
|
|
|
+ .replace(/\\/g, '\\')
|
|
|
+ .replace(/\//g, '\\/')
|
|
|
+ .replace(/\^/g, '\\^')
|
|
|
+ .replace(/\{/g, '\\{')
|
|
|
+ .replace(/\}/g, '\\}')
|
|
|
+ .replace(/\|/g, '\\|')
|
|
|
+
|
|
|
+ if (_this.isArray(newChar)) {
|
|
|
+ // 批量高亮
|
|
|
+ var tempV = value
|
|
|
+ value = value.replace(new RegExp('(' + oc + ')', 'gmi'), newChar[0] + oc + newChar[1])
|
|
|
+ if (value === tempV && oc.indexOf('+') !== -1) {
|
|
|
+ var splitReg = oc.split('\\+')
|
|
|
+ splitReg.map(function (v) {
|
|
|
+ value = value.replace(new RegExp('('+v+')', 'gmi'), newChar[0] + v + newChar[1])
|
|
|
+ })
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 普通单个高亮
|
|
|
+ value = value.replace(new RegExp('(' + oc + ')', 'gmi'), newChar)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } catch (e) {
|
|
|
+ console.log(e)
|
|
|
+ return value
|
|
|
+ }
|
|
|
+ return value
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 批量删除sessionStorage中的数据
|
|
|
+ * @param {RegExp} reg 传入一个要匹配的正则表达式
|
|
|
+ */
|
|
|
+ clearBatchSessionStorage: function (reg) {
|
|
|
+ if (sessionStorage) {
|
|
|
+ var sessKeys = Object.keys(sessionStorage)
|
|
|
+ sessKeys.forEach(function (item) {
|
|
|
+ if (reg.test(item)) {
|
|
|
+ sessionStorage.removeItem(item)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取图片原始宽高
|
|
|
+ * @param {Image/Object} img
|
|
|
+ * @param {Function} callback
|
|
|
+ */
|
|
|
+ getImgNaturalDimensions: function (img, callback) {
|
|
|
+ var naturalSize = {}
|
|
|
+ if (img.naturalWidth && img.naturalHeight) { // 现代浏览器
|
|
|
+ naturalSize.with = img.naturalWidth
|
|
|
+ naturalSize.height = img.naturalHeight
|
|
|
+ } else { // IE6/7/8
|
|
|
+ var image = new Image()
|
|
|
+ image.src = img.src
|
|
|
+ image.onload = function() {
|
|
|
+ naturalSize.with = image.width
|
|
|
+ naturalSize.height = image.height
|
|
|
+ callback && callback(naturalSize)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return naturalSize
|
|
|
+ },
|
|
|
+ moneyUnit: function (num, type, lv) {
|
|
|
+ if (num === '' || num == null || num == undefined || isNaN(num)) return ''
|
|
|
+ var levelArr = ['元', '万元', '亿元', '万亿元']
|
|
|
+ if (type === void 0) {
|
|
|
+ type = 'string';
|
|
|
+ }
|
|
|
+
|
|
|
+ if (lv === void 0) {
|
|
|
+ lv = 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (num === 0) {
|
|
|
+ if (type === 'string') {
|
|
|
+ return '0';
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type === 'lv') {
|
|
|
+ return levelArr[lv];
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type === 'number') {
|
|
|
+ return 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type === 'index') {
|
|
|
+ return lv;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var result = num / Math.pow(10000, lv);
|
|
|
+
|
|
|
+ if (result > 10000 && lv < 2) {
|
|
|
+ return this.moneyUnit(num, type, lv + 1)
|
|
|
+ } else {
|
|
|
+ if (type === 'string') {
|
|
|
+ return String(Math.floor(result * 100) / 100).replace('.00', '') + levelArr[lv];
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type === 'lv') {
|
|
|
+ return levelArr[lv];
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type === 'index') {
|
|
|
+ return lv;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type === 'number') {
|
|
|
+ return String(Math.floor(result * 100) / 100).replace('.00', '');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 防抖
|
|
|
+ * @param {Function} func 函数
|
|
|
+ * @param {Number} delay 延时间隔 默认 200ms
|
|
|
+ * @param {Boolean} immediate 是否首次执行
|
|
|
+ */
|
|
|
+ debounce: function (func, delay, immediate){
|
|
|
+ var timer = null;
|
|
|
+ delay = delay || 200
|
|
|
+ return function() {
|
|
|
+ var context = this;
|
|
|
+ var args = arguments;
|
|
|
+ if(timer) clearTimeout(timer);
|
|
|
+ if(immediate){
|
|
|
+ var doNow = !timer;
|
|
|
+ timer = setTimeout(function(){
|
|
|
+ timer = null;
|
|
|
+ },delay);
|
|
|
+ if(doNow){
|
|
|
+ func.apply(context,args);
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ timer = setTimeout(function(){
|
|
|
+ func.apply(context,args);
|
|
|
+ },delay);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
