前端小技巧

最近，接触的最多的就是工业智能化，这让我不得不学习一些以前从没接触过的东西，在完成项目的过程中又遇到了很多问题，我觉得很有意思，也很有参考意义，在这里记录一下，下面主要是前端js有关的一些内容。

js中的类型定义

js进行计算的时候如果两个不同类型计算，需要先定义一个初始值来确定计算后的类型。因为在javaScript中数据为弱类型，如不进行初始化赋值，可能会造成计算后类型不匹配的问题。

    testSelect: function() {
    table.set();
        //将0赋给totle这个变量，则totle的类型就会变成number
    var totle =0;
    var rows = $.map($("#" + table.options.id).bootstrapTable('getSelections'), 
    function (row) {
        totle +=row.rowLimit;
        return $.common.getItemField(row, table.options.columns[5].field);
    });
},

js处理number的三种方式

1. eval()函数

eval() 函数会将传入的字符串当做 JavaScript 代码进行执行，也就是说如果传入的字符串是表达式，就会计算表达式。

示例如下：

eval("amount+$(this).val()* duration")

其中 amount 是number类型的数字，在java中对应float类型；$(this).val()是jQuery获取匹配元素的当前值；duration为number类型的数字，在java中对应int类型。该函数的输出结果为number类型。

1. ceil()函数

ceil()函数属于JavaScript Math对象，返回大于或等于一个给定数字的最小整数，即向上取整。

Math.ceil(parseFloat($(this).val()*100)* duration)/100

其中，$(this).val()是jQuery获取匹配元素的当前值的方法；duration为number类型的数字，在java中对应int类型,

• Math.ceil() :向上取整
• Math.floor():向下取整
• Math.round():四舍五入

1. toFixed()函数

toFixed() 方法使用定点表示法来格式化一个数值，可把 Number 四舍五入为指定小数位数的数字。

 numObj.toFixed(2); 
/* toFixed(n)中的n代表保留几位,但是保留小数后会保存为字符串类型*/

其中numObj表示number类型的对象。

获取label的value的两种方法

label.innerText

label.getAttribute('id')