腾讯前端求职训练营第一天

前几天报名参加了前端求职训练营，时间是7月12号到7月22号，每天更新训练营题目(上午思考题，面试题，在线编程题)和训练营的直播内容干货，今天是第一天，做完了所有的前端开发的题目，特此分享一下，也当做是自己的一个记录，看看这十天训练究竟有没有效果，嘿嘿！！接下来各位看官请听题：

1.什么是盒子模型？

首先盒子模型包括分两种：w3c标准盒子模型和IE盒子模型
标准盒子模型:总width=content+padding+border+margin,如果给盒子设置width属性，则指的是给中间的content设置宽度。
IE盒子模型：总width=margin+border+padding+content-width。给盒子设置width属性的话，包括content+border+padding设置宽度。
可以通过box-sizing:content-box(标准盒子模型) border-box(IE盒子模型) 自定义采用哪一种盒子模型

2.简述一下src和href的区别？

src-source(资源):src是指把资源加载到当前文档之中，当浏览器遇到src时，会停止当前文档的渲染，对src引入的文件内容进行下载并且解析，直到解析完成并且执行，然后继续文档的渲染。
href-Hypertext Reference(超文本引用):通常指的是当前元素与当前文档之间的关系。常见的比如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.getElementsByTagName('tagName')
var findElemByClassName=document.getElementsByClassName('className')

思考题：
1.站点Logo是否应该出现在标签h1中？

logo一般是作为图片或者图标的形式放在左上角，但是不应该放h1中，h1最好放网站的名称，这样更利于爬虫的抓取，有利于语义化。

2.是否应该支持IE6?

IE6的市场份额应该非常小了，但是如果是做的产品是面向政府等，如果他们还应用比较多，那就需要兼容，如果是面向整个互联网用户，我觉得没必要兼容了。

下午两点半的时候公布了三道牛客网的编程题，可能因为是第一天，题目都非常简单，下面简单写一下：

//1.在一个数组中找到某个数字对应的下标
function indexOf(arr,item){
    for(var i=0;i<arr.length;i++){
        if(arr[i]===item){
            return i;
        }
    }
    return -1;
}
//2.对数组求和
function sum(arr){
    return arr.reduce(function(prev,cur){
        return prev+cur;
    })
}
//3.从数组中删除某个元素,返回删除后的新数组
function remove(arr,item){
    return arr.filter(function(key){
        return key!=item;   
    })
}