U 充放电一体机实时页面

he wei

2021-07-29 310e692a29317f823a40a195bfe97fd9ce0c12b9

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/**
 * 转换尺寸 canvas缩放后 返回的尺寸不对 要做调整
 * @param  {[type]} width  canvas的CSS宽度
 * @param  {[type]} height canvas的CSS高度
 * @param  {[type]} canvasWidth  canvas的画布宽度
 * @param  {[type]} canvasHeight  canvas的画布高度
 * @param  {[type]} obj    需要转换的尺寸对象
 * @return {[type]}        转换后的尺寸对象
 */
const transSize = function (width, height, canvasWidth, canvasHeight, obj) {
    if (!obj) {
        return {
            width: 0
            ,height: 0
            ,left: 0
            ,top: 0
            ,right: 0
            ,bottom: 0
        }
    }
    let res = {},
        _ratio,
        ratio = canvasWidth / canvasHeight;
    // 如果宽高比大于画布的宽高比 则比例以高度来计算 反之以宽度计算
    if (width / height > ratio) {
        _ratio = height / canvasHeight;
        let _width = (width - height * ratio) / 2;
        res.width = 'number' == typeof obj.width ? obj.width * _ratio : obj.width;
        res.height = 'number' == typeof obj.height ? obj.height * _ratio : obj.height;
        res.top = obj.top * _ratio;
        res.bottom = obj.bottom * _ratio;
        res.left = obj.left * _ratio + _width;
        res.right = obj.right * _ratio + _width;
    } else {
        _ratio = width / canvasWidth;
        let _height = (height - width / ratio) / 2;
        res.width = 'number' == typeof obj.width ? obj.width * _ratio : obj.width;
        res.height = 'number' == typeof obj.height ? obj.height * _ratio : obj.height;
        res.top = obj.top * _ratio + _height;
        res.bottom = obj.bottom * _ratio + _height;
        res.left = obj.left * _ratio;
        res.right = obj.right * _ratio;
    }
    // console.log('trans', res, 'obj', obj);
    // console.trace('transSize callStack');
    return res;
}
 
// 防抖
const debounce = function (fn, delay = 500) {
  var timer = null;
  return function () {
    var _this = this;
    var args = arguments;
    if (timer) clearTimeout(timer); 
    timer = setTimeout(function () {
      fn.apply(_this, args);
    }, delay);
  };
}
 
// 节流
const throttle = function (fn, delay = 300){
  var lastTime, timer;
  return function () {
    var _this = this;
    var args = arguments;
    var nowTime = Date.now(); 
    if(lastTime && nowTime - lastTime < delay){
      if (timer) clearTimeout(timer); 
      timer = setTimeout(function () {
        lastTime = nowTime;
        fn.apply(_this, args);
      }, delay)
    }else{
      lastTime = nowTime;
      fn.apply(_this, args);
    } 
  }
}
 
/**
 * 执行指定次数的定时器
 * @param {回调} func 
 * @param {等待时间} w 
 * @param {重复次数} t 
 */
const interval = function (func, w, t){
    let interv = function () {
        if(typeof t === "undefined" || t-- > 0){
            setTimeout(interv, w);
            try{
                func.call(null);
            }
            catch (e) {
                t = 0;
                throw e.toString();
            }
        }
    }
 
    setTimeout(interv, w);
}
 
export default {
    debounce,
    interval,
    throttle,
    transSize
}