JS+Jquery用法

1. 当存在多个select时，想要获取每一个select的选中的值(使用变量赋值的方法).

 var Metric = "";
 $('#Metric').change(function () {
     Metric = $(this).children("option:selected").val();
     console.log("Metric:" + Metric);
  });

2. 在页面中，不想通过点击按钮，或者通过添加一个无关的任何控件来实现点击的动作的方式实现页面刷新的方法。

2.1 最low的一种方式，使用定时器刷新。

setInterval(function() {
    var dom = $("#you html dom").html();
    if(doms != dom) {
		changes();
		doms = dom;
	}
}, 100);

changes(){}  //your change function

2.2 DOMNodeInserted事件(此方法存在ie8及以下浏览器中失效)，于此相似的方法还有DOMNodeRemoved

<!Doctype>
<html>

<head>
    <meta charset="utf-8">
    <title>change事件</title>
</head>

<body>
    <div id="container"></div>
    <script src="jquery-1.11.3.js"></script>
    <script>
        $(document).ready(function () {
            $("#container").bind("DOMNodeInserted", changes);
        }
        
	    function changes() { }
    </script>
</body>

</html>

2.3 手动添加change事件

<!Doctype>
<html>

<head>
    <meta charset="utf-8">
    <title>change事件</title>
</head>

<body>
    <div id="container"></div>
    <script src="jquery-1.11.3.js"></script>
    <script>
        $(document).ready(function () {
            $("#container").bind("change", changes);
        }
        
	    function changes() { }
    </script>
</body>

</html>

3.Json to Object

3.1 利用确定的对象，可以使用(List<objecttype>)JsonConvert.Deserialize<List<objecttype>>((string)json);

3.2 只能确定部分的key -value的处理。-----使用JArray.Parse((string)json)返回json字符串所能拥有的object类型。

4. Js直接获取一个集合中的最大值

//tuning max only, keep 0 for min;
var max = availArray.reduce(function (highest, count) {
return Math.max(highest, count)
}, 0);

5. js中获取对象的第一个属性名/属性值

function get_object_first_attribute(data){
    for (var key in data)
        return key;//属性名
        return data[key]; //属性值
}

6. 使用calc计算页面的大小。

使用时，如果是* or / 则不需要加空格，如果是+ or - 则需要在标识符两边添加空格。

计算页面时，既可以使用percent来分配，还可以使用vh来计算(1vh代表了占当前屏幕的百分之一)。

7. 使用toISOString()的方式获取时间的utc格式。

The toISOString() method returns a string in simplified extended ISO format (ISO 8601), which is always 24 or 27 characters long (YYYY-MM-DDTHH:mm:ss.sssZ or ±YYYYYY-MM-DDTHH:mm:ss.sssZ, respectively). The timezone is always zero UTC offset, as denoted by the suffix "Z".

8. js中let 、var、const的区别。在js中，如果声明的object类型的值，如果初始化时，没有给定初始化，则或导致后续的值被覆盖。

9. chart.js中使用mil,bil,tril替换数值。

if (value > 100000000000) { return Math.floor(value / 1000000000000 * 100) / 100 + ' Tril'; }
if (value > 1000000000 && value < 1000000000000) { return Math.floor(value / 1000000000 * 100) / 100 + ' Bil'; }
if (value > 1000000 && value < 1000000000) { return Math.floor(value / 1000000 * 100) / 100 + ' Mil'; }

用三个一格分割显示数值。

value = Math.round(value).toString();
value = value.split(/(?=(?:...)*$)/);
value = value.join(',');

猜你喜欢