前端面试准备(1)

1.什么是盒子模型?
首先盒子模型包括分两种:w3c盒子模型和IE盒子模型
标准盒子模型:总width=content+padding+border+margin
IE盒子模型:总width=margin+border+padding+content-width
可以通过box-sizing:content-box（标准盒子模型）
border-box(IE盒子模型)自定义采用哪一种盒子模型
2。简述一下src和href的区别?
当浏览器遇到src时，会停止当前文档的渲染，对src引入的文件内容进行下载并且解析，直到解析完成并且执行，然后继续文档的渲染。
href(超文本引用):通常指的是当前元素与当前文档之间的关系，常见的比如a，link，img等标签，浏览器遇到href时，会同时下载href的内容，不会停止渲染文档。
3.简述同步和异步的区别?
同步:js因为是单线程的，当程序执行到某个任务时，需要等到结果返回在执行下一个任务，这时候就是同步进行。
4.怎么样添加，移动，复制，创建和查找节点

//创建节点
var d=document.createElement('div');
//添加节点
var p=document.createElement('p');
d.appendChild(p);
//移动节点，把p插入到d中
d.insertBefore(p,d);
//复制节点
var cloneDiv=cloneNode(d);
//删除节点
d.removeNode(p);
//查找节点
var findElem=document.getElementById('id');
var findElemByName=document.getElementByTagName('tagName');
var findElemByClassName=document.getElementByClassName('className');

在一个数组中找到某个数字对应的下标
function indexOf(arr,item){
for(var i=0;i<arr.length;i++){
   if(arr[i]==item){
     return i;
   }
   return -1;
  }
}

对数组求和：
function sum(arr){
   return arr.reduce(function(prev,cur){
     return prev+cur;
   }
}

//从数组中删除某个元素，返回删除后的新数组
function remove(arr,item){
    return arr.filter(function(key){
       return key!=item;
    }
}