js开发小技巧

··1 ：页面跳转三剑客：

 location.assign("http://www.baidu.com");

 window.location = "http://www.baidu.com";

location.href = "http://www.baidu.com"

---

location.replace("http://www.baidu.com"); 跳转到新页面。并且禁止后退。

location.reload();重新加载页面。从缓存中加载。

location.reload(true);重新加载页面 ，从服务器上。

2：fragment  创建文档片段

var fragment = document.createDocumentFragment();

l举个栗子：

var fragment = document.createDocumentFragment();

var ul = document.getElementById("myList");

var li = null;

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

li = document.createElement("li");

li.appendChild(document.createTextNode("Item" + i));

fragment.appendChild(li);

};

ul.appendChild(fragment);

forEach(); $.each();$().each();方法的区别和用法。

forEach()是js中遍历数组的方法。

var arr = [1,2,3,4];

arr.forEach(function(val,index,arr){//val为数组中当前的值，index为当前值的下表，arr为原数组

arr[index] = 2*val;

});

console.log(arr);

修改了原数组，每个乘以2

$.each()是jQuery中遍历数组的方法。

var arr = [1,2,3,4];

$.each(arr,function)(i,n){

alert("索引"+ i + "对应的值"+ n);

}

$().each()规定每个匹配元素运行的函数

$("li").each(function(){

alert($(this).text())

})

两个display：inline-block的盒子。 各占50%；有时候会换行。是因为两个盒子中间的换行和空格也是一个inline-block；站了空间。方法是给父元素设置font-size:0；在内部盒子里设置具体字号。

js数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

闭包，显示点击的每个索引。

functioniteratorFactory(i){var onclick =function(e){console.log(i)    }returnonclick;}var clickBoxs = document.querySelectorAll('.clickBox')for(vari=0;i< clickBoxs.length;i++){    clickBoxs[i].onclick = iteratorFactory(i)}