11月19日前端学习笔记

1)对比href=”javascript:void(0)”和href=”#”

关于语句<a href=”javascript:void(0)” onClick=method()>链接</a>

和 <a href=”#” onClick=method()>链接</a>

执行之后的结果，各有异同。两个语句执行后，点击“链接”都不会产生新页面而维持原页面，都会调用method方法，但是前者点击之后页面不发生任何变化，而后者会定位到页面顶端。

这点差异的原因是：void()方法只对传入的参数进行处理但不返回任何值，所以前一语句不发生任何变化；而#在js中实现了锚点，即可以配合id进行快速跳转，href=”#”默认为#top，所以会定位到页面顶端。

2)对比container和container-fluid

.container类是用于固定宽度并支持响应式布局的容器。

.container-fluid类是用于100%宽度，并且占据全部视口（viewport）的容器。

两者对于高度的设置是一样的，都是auto。

3)innerHTML和html

两者都能获得或设置标签中所有标签内容，innerHTML是js的，html()是jQuery的。

4)js的数组去重（Array.prototype.distinct）

Array.prototype.distinct = function () {

                var arr = this,

                    len = arr.length;

                for (var i = 0; i < len; i++) {

                    for (var j = i + 1; j < len; j++) {

                        if (arr[i] == arr[j]) {

                            arr.splice(j, 1);

                            len--;

                            j--;

                        }

                    }

                }

                return arr;

            }