Web前端开发笔试题

第一篇：Web前端开发笔试题

Web前端开发笔试题

一．单选题

1.

华章汉辰

Div里的字体的颜色是：（）

A:红色B:蓝色 C:绿色

D:黄色 2.CSS样式表根据所在网页的位置，可分为?()

A．行内样式表、内嵌样式表、混合样式表 B．行内样式表、内嵌样式表、外部样式表 C．外部样式表、内嵌样式表、导入样式表 D．外部样式表、混合样式表、导入样式表

3..在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?()

A.A:link{TEXT-DECORATION: underline } B.A:hover {TEXT-DECORATION: none} C.A:active {TEXT-DECORATION: blink } D.A:visited {TEXT-DECORATION: overline } 4..下面代码片段，说法正确的是:().DIV1 { position:absolute;line-height:22px;height:58px;background-color: #FF0000;} A.Line-height:22px;修饰文本字体大小

B.position:absolute;表示绝对定位，被定位的元素位置固定 C.height:58px;表示被修饰的元素距离别的元素的距离

D.background-color: #FF0000;表示被修饰的元素的背景图像 5.下列标签可以不成对出现的是（）A．〈HTML〉 B．〈P〉 C．〈TITLE〉 D．〈BODY〉

第二篇：腾讯web前端开发工程师笔试题及答案

腾讯web前端开发工程师笔试题及答案

1、如何实现事件委托？

首先要知道什么是事件委托。考虑一个列表，在li的数量非常少的时候，为每一个li添加事件侦听当然不会存在太多性能方面的问题，但是当列表非常的长，长到上百上千甚至上万的时候（当然只是一个解释，实际工作中很少遇到这么多li的情况），为每个li添加事件侦听就会对页面性能产生很大的影响。

就像下面这段代码：

• 精通css
• 精通js
• 精通html

......

首先，我们来想下，产生性能问题的根本原因是什么呢？li元素（目标对象）所要进行的事件处理了。怎么可以解决这种囧况呢？

答案就是采用事件委托，将在li对象上面要处理的事件委托给父元素或者祖先元素，即为父元素绑定事件侦听，看看下面的改进代码：

• 精通css
• 精通js
• 精通html
......

虽然现在很多框架都已经实现了事件委托，但是作为一个开发人员，用框架的同时我们也应该知道他实现的原理是如何的，知其然，更要知其所以然

2、将10进制的数302转为二进制。十进制转二进制的原理是：用2辗转相除至结果为1

将余数和最后的1从下向上倒序写 就是结果例如302302/2 = 151 余0151/2 = 75 余175/2 = 37 余137/2 = 18 余118/2 = 9 余09/2 = 4 余14/2 = 2 余02/2 = 1 余0

故二进制为100101110所以程序可以写成这样：

var a=302;var str="";while(a>1){str = a%2 + str;a = parseInt(a/2);}

str = a+str;

3、js中运算符的优先级(此非原题，为原理题)

运算符.[]()

++--+ << >> >>>

< <= > >= instanceof ==!= ===!== &

描述

字段访问、数组下标、函数调用以及表达式分组 一元运算符、返回数据类型、对象创建、未定义值 乘法、除法、取模 加法、减法、字符串连接 移位

小于、小于等于、大于、大于等于、instanceof 等于、不等于、严格相等、非严格相等 按位与

^ | && || ?: = oP= ,按位异或 按位或 逻辑与 逻辑或 条件

赋值、运算赋值 多重求值

4、typeof(null)=______ 答案为object5、JS中给全部都是数字元素的数组排序的原生方法是，其中使用的是__泡__排序方法。

例如：array.sort(function(a,b){return a-b;})详细说明访问网站：

6、NaN * 6=__

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

假设函数名为fun，那个fun.length就是它最多能接受的参数个数； 在fun函数里面，arguments就是用数组装着调用时传过来的所有参数，因此arguments.length就是已经传递过来的参数个数； 如：

functionneedTwoPara(p1,p2){var a=arguments;

var result='我是个需要'+needTwoPara.length+'个参数的函数n'+'您输入的参数的个数为:'+a.length+'n'for(var i=0, len = a.length;i < len;i++){

result=result+'第'+(i+1)+'个参数为:'+a[i]+'n'}

result+='以上是用arguments来获得参数n';result+='下面用变量来获得参数:n';result+='p1:'+p1+'n';result+='p2:'+p2+'n';alert(result);}

alert(needTwoPara.length);needTwoPara('ooooo');

运行结果为： 2

我是个需要2个参数的函数 您输入的参数的个数为:1 第1个参数为:ooooo

以上是用arguments来获得参数 下面用变量来获得参数: p1:ooooo p2:undefined8、软件HttpWatch的作用？

可以参考：http://baike.baidu.com/view/425789.htm9、JS如何得到HTTP的请求头信息和返回的头信息？

Javascript中跟response header有关的就两个方法： getResponseHeader 从响应信息中获取指定的http头 语法 strValue =

oXMLHttpRequest.getResponseHeader(bstrHeader);getAllResponseHeaders 获取响应的所有http头 语法 strValue =

oXMLHttpRequest.getAllResponseHeaders();

需要注意的是，通常，在IE下不能完整的获取header报头数据，只能取到如下header数据： X-Powered-By: X-UA-Compatible: Keep-Alive: Transfer-Encoding: Content-Type:

比如你要获取时间戳，在IE下必须做些特殊处理，需要在后端设置一下，关闭缓存：

1.header('Cache-Control: no-store');// 关闭缓存

第三篇：WEB前端开发工程师笔试试题（范文模版）

WEB前端开发工程师笔试试题

1.HTML的含义是什么?其主体部分由什么标记构成?

2.说明在网页设计中p标签的作用

3.CSS指的是什么?在网页制作中为什么要使用CSS技术

4.css 中id和class如何定义,哪个定义的优先级别高?如class定义一个html元素没有边框,而id定义这个元素有边框,结果呢?

5.IE6下为什么无法定义1px左右高度的容器

6.怎么样才能让层显示在FLASH之上？

7.怎样使一个层垂直居中于浏览器中（代码实现）？

8.firefox嵌套p标签的居中问题，假定有如下情况：