蓝裙子的百合魂

12 天前

腾讯课堂IMWeb前端求职训练营-Day01

本文作者:IMWeb 蓝裙子的百合魂 原文出处:IMWeb社区 未经同意,禁止转载

系列目录

腾讯课堂IMWeb前端求职训练营-Day01

腾讯课堂IMWeb前端求职训练营-Day02

腾讯课堂IMWeb前端求职训练营-Day03

腾讯课堂IMWeb前端求职训练营-Day04

腾讯课堂IMWeb前端求职训练营-Day05

腾讯课堂IMWeb前端求职训练营-Day06

一、经典面试题

1. 什么是盒子模型?

  • 盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border)
  • 两种: 标准 W3C 盒子模型、IE 盒子模型
  • 区别:IE的content部分包含了 border 和 padding

2. 简述一下src与href的区别?

  • href 表示超文本引用,在 link 和 a 等元素上使用。
  • src 表示来源地址,在 img、script、iframe 等元素上使用。

src是引入文件,href是链接跳转。

3. 简述同步和异步的区别?

举个例子:普通B/S模式(同步)AJAX技术(异步)

  • 同步:提交请求->等待服务器处理(这个期间客户端浏览器不能干任何事)->处理完毕返回
  • 异步:请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完

4. 怎样添加、移除、移动、复制、创建和查找节点?

1)创建新节点

createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点

2)添加、移除、替换、插入

appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入

3)查找

getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id,唯一性

二、思考题

1)站点 Logo 是否因出现在 <h1&标签中?

2)是否应该支持 IE6?

三、在线编程题

1. 查找数组元素位置

function indexOf(arr, item){
    if(Array.prototype.indexOf){
        return arr.indexOf(item);
    }else{
        for(var i = 0, len = arr.length; i < len; i++){
            if(arr[i] === item){
                return i;
            }
        }
     }     
    return -1;
}

2. 求和

// 常规循环
function sum(arr) {
    var s = 0;
    for (var i = arr.length-1; i >= 0; i--){
        s += arr[i];
    }
    return s;
}

// eval
function sum(arr) {
    return eval(arr.join("+"));
}

3. 移除数组中与item相等的元素

// 常规循环
function remove(arr,item){
    var newArr = [];
    for(var i = 0, len = arr.length; i < len; i++){
        if(arr[i] != item){
            newArr.push(arr[i]);
        }
    }
    return newArr;
}

// filter
function remove(arr,item){
    return arr.filter(function(s){
        if(s != item){
            return s;
        }
    });
}
0条评论

    您需要 注册 一个IMWeb账号或者 才能进行评论。