前端面试准备(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;    }}