前端笔试题

Posted songya

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端笔试题相关的知识,希望对你有一定的参考价值。

2018年9月14日的一次笔试题。

JS部分:

1,typeof [];  // "object"

2,[].constructor == Object; // false                            [].constructor == Array ; // true

3,请实现“<a id = "qqlink"  href = "http://www.qq.com">qq</a>”用户点击qq时不允许浏览器跳转到qq.com。

    答:event.preventDefault();

4,

var x = 10;
var foo = {
    x: 20,
    bar: function() {
        var x = 30;
        return this.x;
    }
};
console.log( foo.bar() );  //20
console.log( (foo.bar)() ); //20
console.log( (foo.bar = foo.bar)() ); //10
console.log( (foo.bar, foo.bar)() ); //10
console.log( foo.bar.call(window)); //10
console.log( foo.bar.call(foo) ); //20

5,请实现函数substring(beginIndex, endIndex),不允许使用javascript标准的substring函数。

function substring (startIndex, endIndex) {
    var str = this;
    var strArr = str.split(‘‘).splice(startIndex, endIndex-startIndex).join(‘‘);
    return strArr;
}
var str = "hello world";
substring.call(str,1,4);   //"ell"

6,请实现一个函数unique(Array  arr ),功能是去除数组中重复的数据。

function unique(arr) {
    var len = arr.length;
    var res = [];
    for(var i = 0; i < len; i++){
        if(res.indexOf(arr[i]) == -1){
            res.push(arr[i]);
        }
    }
    return res;
}
var arr = [‘1‘,‘2‘,‘3‘,‘1‘];
unique(arr);   // [‘1‘,‘2‘,‘3‘]

以上代码只能实现值的去重,无法去除数组中对象的重值。

7,var s = {1:1, 2:2, };  alert(s[‘1‘]),在chrome、ff4、IE6下的运行结果各是什么?

    答:    1    1    报错

8,密码输入框的规则是:

        1,首位必须是字母且大写;

        2,由3-15位字母,数字或下划线组成

        请使用正则表达式描述此规则。

    答:/^[A-Z][A-Za-z0-9_]{3,15}/ 或者/^[A-Z]\w{3,15}/

9,写一个函数 revertInt( Number nb )功能是反转整数,输出为反转后的结果,符号保持不变。如输入123,输出321。

function revertInt( nb ) {
    var nbStr = nb.toString();
    var nbArr = nbStr.split(‘‘).reverse().join(‘‘);
    return Number(nbArr);
}
revertInt(123);   //321

10,写一个函数readInt(Number nb ),功能是读出整数,如输入123期望的输出是“一百二十三”。

CSS部分:

1,CSS中display:inline 与 block, inline-block三者有什么区别。

2,CSS中visibility:hidden 与 display:none 有什么区别。

3,划一条水平线,不允许使用<hr>,注意浏览器兼容性。

4,CSS定义中{margin: 0px  20px  10px},margin-top, right, bottom, left各是多少。

5,CSS实现 3*3的表格,不用<table>。

综合题:

1,列举常用的网站优化的方法。

2,什么是js跨域,原因是什么,解决方法是什么。

3,列举html5包含的新特性。

4,列举http header并简要说明其作用。

5,什么是doctype,有什么作用。

面试:

1,cookie,sessionStorage和localStorage

2,http缓存机制

3,301、302、304状态码

4,XSS ,  XSRF

5,bootstrap网格原理,template.js原理

6,jquery和vue的区别

以上是关于前端笔试题的主要内容,如果未能解决你的问题,请参考以下文章

2015腾讯web前端笔试题

web前端笔试题

前端笔试题

前端笔试题[1]

前端笔试题面试题记录(上)

WEB前端面试的笔试题