腾讯2015春招web前端开发练习卷

最新推荐文章于 2022-01-02 20:03:36 发布

原创最新推荐文章于 2022-01-02 20:03:36 发布 · 992 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#前端开发 #腾讯

各大公司面试题专栏收录该内容

28 篇文章

订阅专栏

1、jquery ajax中都支持哪些返回类型？
答案: A B C D
xml
html
jsonp
json
2、下面哪些语句可以在JS里判断一个对象oStringObject是否为String。
答案: A
oStringObject instanceof String
typeof oStringObject == 'string'
oStringObject is String
以上答案都不正确
3、常见的浏览器端的存储技术有哪些？
答案: A B D
cookie
localStorage
session
userData
解：userData
IE浏览器可以使用userData来存储数据，容量可达到640K，这种方案是很可靠的，不需要安装额外的插件。缺点：它仅在IE下有效。
4、如何规避javascript多人开发函数重名问题。
答案: A B
根据不同的开发人员实现的功能，在函数名加前缀
每个开发人员都把自己的函数封装到类中，然后调用的时候即使函数名相同，但是因为是要类.函数名来调用，所以也减少了重复的可能性
以上都不正确
5、下面属于javascript基本数据类型的有？
答案: A B C D
字符串
数字
null
undefined
6、下面有关html结构描述正确的有？
正确答案: A B D
<ul> <li> </li> </ul>
<ol> <li> </li> </ol>
<dl><dt><dd></dd></dt></dl>
<table> <tr> <td></td> </tr> </table>
解：C应该是<dl><dt></dt><dd></dd></dl>
7、在bootstrap中，关于导航条，下列说法正确的是?
答案: A B C D
应该将被包裹的元素放到navbar-collapse类中
表单应该放置于navbar-form内
可以使用navbar-left和navbar-right来对齐导航条
可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部
8、以下是行内元素的有（）
答案: A B
span
input
ul
p
9、下面关于IE、FF下面脚本的区别描述错误的是？
答案: A B D
innerText IE支持，FIREFOX不支持
document.createElement FIREFOX支持，IE不支持
setAttribute('class'，'styleClass') FIREFOX支持，IE不支持
用setAttribute设置事件 FIREFOX不支持，IE支持
10、下面有关javascript内部对象的描述，正确的有？
答案: A B C D
History 对象包含用户（在浏览器窗口中）访问过的 URL
Location 对象包含有关当前 URL 的信息
Window 对象表示浏览器中打开的窗口
Navigator 对象包含有关浏览器的信息
11、假设当前屏幕分别率为1024×768，定义一个居中的占屏幕一半大小的表格的语句是
答案: A B C D
<TABLE ALIGN=”CENTER” WIDTH=”50%”></TABLE>
<TABLE ALIGN=”CENTER” WIDTH=”512″></TABLE>
<DIV ALIGN=”CENTER”><TABLE WIDTH=”512″></TABLE></DIV>
<CENTER><TABLE WIDTH=”50%”></TABLE></CENTER>
12、嵌入在HTML文档中的图像格式可以是？
答案: A C D
*.gif
*.tif
*.bmp
*.jpg
13、关于h标签
<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
以下说法正确的是
答案: A D
<h1>最大
<h6>最大
<small>用法错误
<small>表示副标题
14、下面属于CSS3新增属性的有？
答案:A B C D
box-shadow
text-shadow
border-radius
rgba
15、问一份标准的HTML文档有哪几个必须的HTML标签？
答案: A B C D
<html>
<head>
<title>
<body>
16、请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。
答案：

Array.prototype.delRep=function(){
    if(this.length<=1){
        return [];
    }
    this.sort();
    var res=[this.shift()];
    for(var i=0;i<this.length;i++){
        if(this[i]!==res[res.length-1]){
            res.push(this.splice(i--,1)[0]); //注意此处
        }
    }
    return this;
}

解：以上代码中若return res;表示去重后的原数组；可以直接利用Set结构进行数组去重。
17、请填充代码，使mySort()能使传入的参数按照从小到大的顺序显示出来。
function mySort() {
var tags = new Array();//使用数组作为参数存储容器
_________请补充你的代码
return tags;//返回已经排序的数组
}
var result = mySort(50,11,16,32,24,99,57,100);/传入参数个数不确定
console.info(result);//显示结果
答案:
tags=[...arguments];
tags.sort(function(item1,item2){
return item1-item2;
});
18、用javascript实现用户登录验证的代码。
答案：

var checkObject=function(){  
    var tipP=document.createElement("p");  
    tipP.appendChild(document.createTextNode("密码错误"));  
    var tipU=document.createElement("p");  
    tipU.appendChild(document.createTextNode("用户名错误"));  
   
    function addErrorTip(node,type){  
        node.className='error';  
        if(type=='username'){  
            node.parentNode.appendChild(tipU);    
        }else if(type == 'password'){  
            node.parentNode.appendChild(tipP);  
        }  
    }  
    function removeErrorTip(node,type){  
        node.className='';                  
        if(type==='username'){                      
            node.parentNode.removeChild(tipU);    
        }else if(type==='password'){  
            node.parentNode.removeChild(tipP);  
        }  
    }  
    function isValidName(value){  
        if(value){  
            return true;  
        }else{  
            return false;  
        }  
    }  
    function isValidPassword(password){  
        var lenIsEnough=password.length>6; //密码长度大于6  
        var hasDigital=/{\d}+/.test(password); //密码包含数字  
        var hasCharater=/{\w}+/.test(password); //密码包含其它字符           
        return lenIsEnough&&hasDigital&&hasCharater;  
    }  
    return {  
        addErrorTip:addErrorTip,  
        removeErrorTip:removeErrorTip,  
        isValidName:isValidName,  
        isValidPassword:isValidPassword  
    };  
};  
//创建一个检查对象的实例checkObj      
var checkObj=checkObject();  
var form=document.forms['login-form'];  
var username=form['username'];   //name是关键字  
var password=form['password'];   
         
form.addEventListener('submit',function(e){                  
    if(!checkObj.isValidName(username.value)) {  
        checkObj.addErrorTip(username,'username');  
        e.preventDefault();       
    }  
    if(!checkObj.isValidPassword(password.value)) {  
        checkObj.addErrorTip(password,'password');                                
        e.preventDefault();  
    }  
}, false);  
  
form.addEventListener('reset',function(){  
    checkObj.removeErrorTip(username,'username');  
    checkObj.removeErrorTip(password,'password');  
},false);  
       
username.addEventListener('blur',function() {  
    if (!checkObj.isValidName(username.value)) {  
        checkObj.addErrorTip(username,'username');  
    }  
}, false);  
  
username.addEventListener('focus',function() {  
    checkObj.removeErrorTip(username,'username');  
}, false);  
  
password.addEventListener('blur',function() {  
    if (!checkObj.isValidPassword(password.value)) {  
        checkObj.addErrorTip(password,'password');  
    }  
}, false);  
  
password.addEventListener('focus',function(event) {  
    checkObj.removeErrorTip(password,'password');  
}, false);