前端面试——笔试题整理汇总

最新推荐文章于 2025-01-31 19:31:05 发布

Chris的算法之旅

最新推荐文章于 2025-01-31 19:31:05 发布

阅读量2.5k

点赞数

分类专栏： web前端文章标签： web开发前端面试

本文链接：https://blog.youkuaiyun.com/u012052168/article/details/76067453

版权

web前端专栏收录该内容

7 篇文章

订阅专栏

和信安科web开发笔试题

1.如何实现事件委托？

2.typeof（null）=?

3.NaN*6=?

4.JS中调用某个函数之前，如何取得该函数最多可以传递多少个参数？该函数被调用时，如何知道传了多少个参数过来？

5.如下两种跳转方式有什么区别？

<jsp:include page="included.jsp" flush="true> <jsp:forward page="nextpage.jsp" flush="true"/>

6.如何去掉文本超级链接的下划线？

A. a{text-decoration:no underline }
B. a{underline:none }
C. a{decoration:no underline }
D. a{text-decoration:none }

7.下列选项中不属于css文本属性的是（）

A. font-size
B. text-transform
C.text-align
D.line-height

8.在jQuery中，下面（）写法是错误的：

A. $(“div p”) B.$ (“div.container”)
C. $(“table a”,content) D.$ (#divID)

9.点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行的是（）

A. <input type="button" value="new" onclick="open('new.html','_blank')"/>
B. <input type="button" value="new" onclick="window.location='new.html';"/>
C. <input type="button" value="new" onclick="location.assign('new.html');"/>
D. <form target="_blank" action="new.html"><input type="submit" value="new"/></form>

10.判断字符串是否是这样组成的，第一个必须是字母，后面可以说字母、数字、下划线、总长度为5-20。

11.写出如下IE与FF脚本兼容差异：

（1）window.enevt

（2）获取事件源

（3）添加、去除事件

（4）获取标签的自定义属性

（5）document.getElementByName()和document.all[name]

（6）input.type的属性

（7）innerText textContent outerHTML

（8）是否可用id代替HTML元素

12.规避JavaScript多人开发函数重名问题

13.FF下面分别实现outerHTML

14.编写一个方法，去掉一个数组的重复元素

15.写出3个使用this的典型应用

16.JavaScript中如何检测一个变量是一个String类型？请写出函数实现。

17.JavaScript中有哪几种数据类型

18.下面css标签在JavaScript中调用应如何拼写，border-left-color，-moz-viewport

19.请编写一个JavaScript函数parseQueryString，它的用途是把URL参数解析为一个对象，如：

20.js中如何定义class，如何扩展prototype？

21.如何添加html元素的事件，有几种方法.

22.document.write和innerHTML的区别.

23.js的基础对象有哪些，window和document的常用方法和属性列出来

24.html5、css3有哪些新特性？优缺点？

XXXX(一)前端笔试题

tips：其实是我已经不记得什么公司了，哈啊哈。

1.css实现水平垂直居中的方法

2.什么事盒模型？

3.rgba（）和opacity的透明效果有什么不同？

4.css3新增伪类举例？

5.举例说明H5新增标签及用法

6.Cookie和localstorage的区别

7.正则表达式匹配邮箱和手机号

8.JavaScript window.onload事件和jQuery ready函数有何不同？

9.“==”和“===”有什么不同

10.jsonp的原理

11.什么是闭包

12.http状态码的含义（200,300,400,500等）

13.var a=null;

    Alert(typeof a);

14.jquery中如何来获取和设置属性

15.json对象和字符串之间如何转换

16.var m=’false’;

function f(){
    if(m){
        return 2;
    }else{
        return 0;
    }
}
f();

XXXX(二)前端笔试题

对这家公司的印象是好远好远，在大兴，坐了好久的地铁过去面试，楼下大厅的环境不错，需要人来接，依稀清楚的是一家做医药的公司吧，hr一个笑呵呵的男人，聊了好久好久，他还记了整整两页纸的笔记，除了家庭背景什么的没问，其余全问了，什么性格呀，爱好呀，还谈了好多哲学类的问题，有分歧也有一致的地方，算聊得还不错。等到他满意面完了，我肚子真的响起来了，克制不住那种，后来再跟技术聊得时候我都没啥心情了，所以就一般般了。那个时候只想出门来吃上10个鸡翅，再来一桶可乐。

1.你怎么来实现网页设计图，你认为前端应该如何高质量完成工作？一个满屏品字布局如何设计？

2.HTML5的离线储存？

3.为什么要初始化CSS样式？

4.eval是做什么的？

5.99%的网站都需要被重构是哪本书写的？

6.js的几种数据类型有哪些？js常见的内置对象类有哪些？

7.如何判断一个对象是否属于某个类？

8.js延迟加载的方式有哪些？

9.ajax是什么？同步和异步的区别？如何解决跨域问题？

10.对Node的优点和缺点提出了自己的看法。

11.jQuery和jQuery UI有啥区别？

12.作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点有哪些。

盈嘉互联前端笔试题

1.HTML文件里开头Doctype中XHTML和HTML的区别？

2.行内元素有哪些？块级元素有哪些？CSS的盒模型由内向外分别为？

3.CSS选择符有哪些？优先级是怎样的？

4.写一个DIV水平垂直居中的方法。

5.网页中有如下元素：，$(‘#test’)与document.getElementById(‘test’)返回的是否是同一个对象？为什么？如何相等？

6.事件委托是什么，举例说明委托的应用。

7.写一个简单的闭包，并说说你对闭包的理解。

8.jquery中$().ready与load比有什么优点？

9.下面的代码会在console输出什么？

(function(){
    var a=b=3;
})()
console.log("a defined?"+(typeof a!=='undefined');
console.log("b defined?"+(typeof b!=='undefined');

10.写一个方法求2000的阶乘，即2000！

11.写一个方法将url的查询参数变成字典对象

12.下面的代码会输出什么？

function test(a, b) {
    console.log(b);
    return {
        test: function (x) {
            return test(x, a);
        }
    };
}
//写出如下代码运行结果
var a =test(0); a.test(1);a.test(2);a.test(3); 
var b = test(3).test(2).test(1).test(0);
var c = test(2).test(3); c.test(1);c.test(0);

//分析：
var a =test(0);         //undefined
a.test(1);              //0
a.test(2);              //0
a.test(3);              //0
var b = test(3).test(2).test(1).test(0);    //undefined 3 2 1
var c = test(2).test(3);                    //undefined 2
c.test(1);                                  //3
c.test(0);

13.在下面的代码中，数字1-4会以什么顺序输出？

(function () {
        console.log(1);
        setTimeout(function () {
            console.log(2)
        }, 1000);
        setTimeout(function () {
            console.log(3)
        }, 0);
        console.log(4);
    })

答案：1-4-3-2

14.下面的代码会输出什么？

 console.log(1+"2"+"2");         //122
 console.log(1+ +"2");           //3
 console.log(1+ +"2"+"2");       //32
 console.log(1+ -"1"+"2");       //02
 console.log(+"1"+"1"+"2");      //112
 console.log("A"-"B");           //NaN
 console.log("A"-"B"+"2");       //NaN2
 console.log("A"-"B"+2);         //NaN

15.参考如下代码，写出最后运行结果。

function Yjh1() {
        getNumber = function () {
            console.log(1);
        }
        return this;
    }

    Yjh1.getNumber = function () {
        console.log(2);
    }
    Yjh1.prototype.getNumber = function () {
        console.log(3);
    }
    var getNumber = function () {
        console.log(4);
    };

    function getNumber() {
        console.log(5);
    }

    Yjh1.getNumber();                   //2
    getNumber();                        //4
    Yjh1().getNumber();                 //匿名函数
    getNumber();                        //4
    new Yjh1.getNumber();               //2
    new Yjh1().getNumber();             //3
    new new Yjh1().getNumber();         //3

tips：这块理解的不太清楚，请多多指教，不一定正确。

16.用JavaScript实现html5的placeholder效果。

优聚八百前端笔试题

第一部分 CSS

1.行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？

2.css中可以通过哪些属性定义，使得一个DOM元素被隐藏？

3.position属性的值有哪些？他们之间的区别是什么？

4.如何为盒子设置圆角和阴影效果？

5.如何让元素顺时针旋转60度？

6.列出你实现前端性能优化的方法？

第二部分 HTML5

7.html5语义化标签有哪些？至少五个。

8.利用html5的画布绘一条线。

9.我们如何从本地存储中添加和移除数据？

第三部分 jquery

10.利用jquery获取被选元素的第三个直接子元素。

<div id="parent">
    <div>
        <div>g</div>
    </div>
    <div>x</div>
    <div>z</div>
    <div>c</div>
</div>

11.利用jquery如何删除被选元素及其子元素？如何从被选元素中删除子元素？

12.jquery对象与js对象如何转换？

13.利用jquery如何为未来元素绑定事件？

第四部分 js

14.BOM对象有哪些？

15.window.onload和jquery中的$(document).ready()的区别？

16.输出结果是什么？

var a=new Object();
a.name="金克斯";
var b=a;
a.name="吉克斯";
b.name="拉克丝";
console.log(a.name);
console.log(b.name);