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

柔情只为你懂 2022-06-12 15:06 778阅读 0赞

## 和信安科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. (“divp”)B.(“div.container”)  
C. (“tablea”,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.下面的代码会输出什么？ ####

//分析：
    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.参考如下代码，写出最后运行结果。 ####

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

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

## 优聚八百前端笔试题 ##

### 第一部分 CSS ###

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

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

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

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

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

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

### 第二部分 HTML5 ###