联龙博通前端工程师面试题

匿名网友发布于: 2016-01-15 00:00:00

阅读 191 收藏 0 点赞 0 评论 0

联龙博通前端工程师面试题

姓名：_____________ 时间：_____________

填空题（共20题）

列举JavaScript中的数据类型

________________________________________________________________________
在IE6下无法定义小高度的容器，是因为有一个默认的行高，解决方案有_______________或_______________等方式。
JavaScript数组方法sort()的作用是____________________________________。
input元素的readonly属性的作用是___________________________________，disable属性的作用是___________________________________。
设置CSS属性float的值为_______________时可取消元素的浮动。
在JavaScript里obj.child()和obj.childNode()的区别是________________________________________________________________________。
强制文字换行需要设置_______________和_______________。
if…… else if……和switch的区别是__________________________________________________________________________。
DIV CSS设计中，想在点击文字时也选中checkbox，应该__________________________________________________________________________。
一个div为margin-bottom:10px，一个div为margin-top:5px，则这2个div上下排列之间的间距是_______________px，这种情况是因为__________________________________________________________________________。
在JavaScript中，创建节点的方法是_______________，插入节点的方法是_______________，删除节点的方法是_______________，复制节点的方法是_______________。
在对象属性的个数未知的情况下，如何对该对象的属性进行遍历？__________________________________________________________________________。
在HTML5中如果使离线存储的内容更新，则必须修改_______________文件。
HTML5中新加入了哪几个表单控件，请至少列举三个______________________________
form表单get与post方式提交参数的区别

__________________________________________________________________________。
能够匹配name带有”email”的文本输入框的css选择器是_______________
CSS Sprites技术的关键是_______________。
前端页面由_______________、_______________和_______________三层构成，作用分别是__________________________________________________________________________。
apply及call这两个JS方法的用法以及区别是__________________________________________________________________________。
目前常见的浏览器内核是_______________、_______________、_______________和_______________，他们代表的浏览器分别是_______________、_______________、_______________和_______________。
1. 单选题（共20题）
em标签在XHTML中语义为( )

A：换行 B：强调 C：段落 D：标题
以下哪个单词不属于 JavaScript保留字：（）
A：with
B：parent
C：class
D：void
下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( )

A：display:inline B：display:none C：display:block D：display:inheric
请选择结果为真的表达式：（）
A：null instanceof Object
B：null === undefined
C：null == undefined
D：NaN == NaN
选出你认为最合理的定义标题的方法( )

A：<span class=”heading”>文章标题</span>

B：<p><b>文章标题</b></p>

C：<h1>文章标题</h1>

D：<strong>文章标题</strong>
以下哪条语句会产生运行错误：（）
A：var obj = ();
B：var obj = [];
C：var obj = {};
D：var obj = //;
下列哪些是格式良好的 XHTML？（　）

A：<p>A <b><i>short</b></i> paragraph</p>

B：<p>A <b><i>short</i></b> paragraph</p>

C：<p>A <b><i>short</i></b> paragraph

D：<P>A <b><i>short</I></b> paragraph</p>
在以下的 HTML 中，哪个是正确引用外部样式表的方法？（　）

A：<style src=”mystyle.css”>

B：<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>

C：<stylesheet>mystyle.css</stylesheet>

D：<style type=”text/css”>mystyle.css</style>
以下代码显示的结果为（）

<script type=”text/JavaScript”>

var objName=”name1″;

function obj(){

    var objName=”name2″;

    function innerObj(){

        alert(objName);

     }

    innerObj();

}

alert(obj());

</script>

A：name2、name1；

B：name1、undefined；

C：name2、undefined；

D：name1、name2；
在html中，以下哪些组全部是块级元素（）

A：div、p、span、ul；

B：h3、p、li、ol；

C：ul、img、span；

D：h1、b、a、div；
HTML <p style=”font-size:12px”>这是文本 </p>

Body p {font-size:15px;}

请问p元素内的文本内容最后显示的字体大小是（）

A：12px B：13px C：14px D：15px
请问alert(‘\n==0’)的输出结果是：（）

A： null B： ==0 C： undefined D： false
下面这段JavaScript代码（）

function test {

alert(1);

}

test();

function test(){

alert(2);

}

请问输出结果：

A：1 B： 2 C：null D：undefined
当float和margin同时使用时，IE6的双倍边距BUG如何解决？（）

A：display:inline；

B：margin:-3px；

C：padding:-3px；

D：overfolw:hidden；
Firefox中标签的居中问题的解决方法？（）

A：*{margin:auto;}

B：*{margin:0 auto;}

C：*{padding:0 auto;}

D：*{text-align:center;}
以下链接到电子邮件的正确格式是( )

A：<A href=”mailto://123@abcd.com”>邮箱</A>

B：<A href=”mail to:123@abcd.com”>邮箱</A>

C：<A href=”#mailto:123@abcd.com”>邮箱</A>

D：<A href=”mailto:123@abcd.com”>邮箱</A>
样式.exple{ width:200px; *width:150px !important;*width100px;}在IE6，IE7，IE8+，FF下的情况是（）

A：FF、IE8+显示宽度为200px；IE7宽度为150PX；在IE6下宽度为100px
B：FF、IE6显示宽度为200px；IE7、IE8下宽度为150px
C：FF、IE8+显示宽度为150px；IE7宽度为150PX；在IE6下宽度为100px
D：FF、IE8+显示宽度为150px；IE7、IE6下宽度为100px
DOCTYPE声明作用正确的是（）

A：告诉编译器以什么规则对页面进行校验

B：告诉浏览器以什么规则解析页面

C：告诉浏览器dtd文档地址，供浏览器下载校验

D：告诉浏览器页面加载方式
关于canvas不正确的是（）

A：canvas是HTML5的一部分，允许脚本动态渲染位图像

B：canvas是作为Flash的替代技术出现

C：canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法

D：Internet Explorer自Internet Explorer 9起已经可以支持canvas
下列关于元素在网页中的叠放顺序描述，不正确的是（）

A：使用CSS属性z-index来实现叠放顺序

B：属性的取值越大，表示放置的层次越高

C：属性取值可以为负整数

D：叠放顺序与父元素无关
1. 不定项选择题（共10题）
请选择对JavaScript理解有误的：( )

A：JScript 是JavaScript的简称
B：JavaScript是网景公司开发的一种Java脚本语言，其目的是为了简化Java的开发难度
C：FireFox 和IE存在大量兼容性问题的主要原因在于他们对JavaScript的支持不同上
D：AJAX技术一定要使用JavaScript技术
foo对象有att属性，那么获取att属性的值，以下哪些做法是可以的：（）

A：foo.att B：foo(“att”) C：foo[“att”] D：foo{“att”}

E：foo[“a”+”t”+”t”]
以下哪些是JavaScript的全局函数：（）
A：escape B：parseFloat C：eval D：setTimeout E：alert
关于IFrame表述正确的有：( )
A：通过IFrame，网页可以嵌入其他网页内容，并可以动态更改
B：在相同域名下，内嵌的 IFrame可以获取外层网页的对象
C：在相同域名下，外层网页脚本可以获取IFrame网页内的对象
D：可以通过脚本调整IFrame 的大小
关于表格表述正确的有：（）
A：表格中可以包含TBODY元素
B：表格中可以包含CAPTION元素
C：表格中可以包含多个TBODY元素
D：表格中可以包含COLGROUP元素
E：表格中可以包含COL元素
关于IE的 window对象表述正确的有：（）
A：window.opener属性本身就是指向window对象
B：window.reload() 方法可以用来刷新当前页面
C：window.location=”a.html”和window.location.href=”a.html” 的作用都是把当前页面替换成a.html页面
D：定义了全局变量g；可以用window.g的方式来存取该变量
在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值( )

A：cellpadding=”0″ B：padding:0 C：margin:0 D：cellspacing=”0″
下哪个表达式正确？（）

A：x==undefined;

B：x==’undefined’;

C：typeof(x)=’undefined’;

D：typeof(x)==’undefined’;

E：null==undefined;

F：false==undefined;

G：!undefined;
通过CSS设置元素透明并要求兼容Firefox，Chrome浏览器需要设置下列哪些属性（）

A：filter:alpha(opacity)

B：opacity

C：-o-opacity

D：-moz-opacity

E：-webkit-opacity
下列关于网页元素overflow的说法，正确的是（）

A：属性规定如何处理不符合元素框的内容

B：IE下触发layout属性

C：指网页元素的定位方式

D：必须配合width或height使用
1. 答案：（共计120分，96分以上较好，72分以上合格，72分以下不合格；）
填空题（共20题，每小题2分，共计40分）
Number数值型，Boolean布尔型，String字符串，Object对象，null空和 undefined未定义。
overflow:hidden或line-height:0。
sort（）方法将 Array 对象按照大小或者一定的顺序进行排序。
输入框只读，输入框不可操作（输入，选中，提交等）
none
obj.child()是寻找对象的所有的儿子，obj.childNode()是对象所有是节点的儿子。
word-wrap:break-word和word-break:break-all;
if…… else if……是如果希望指定的条件成立时执行代码，就可以使用这个语句，switch 语句列出所有的表达式，可以选择执行若干块代码中的一个。
<inputidinputid=”test”type=”checkbox”value=”on”/><labelforlabelfor=”test”>测试</label>
是10px，这种情况浏览器会自动进行margin重叠，只显示较大的margin值
createElement()、appendChild()、removeChild()、cloneNode()。
使用for..in 例如for（p in obj）
manifest文件
date、datetime、datetime-local、email、month、number、range、time、url、week
get将表单中数据的按照name=value的形式，添加到action所指向的URL后面，并且两者使用”?”连接，而各个变量之间使用 “&”连接；post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。给get方式提交数据以明文显示并且有长度限制。
input[name*=”email”][type=”text”]
background-position
结构、样式、行为；负责结构内容、负责如何显示内容、负责内容应该如何对事件做出反应。
作用是一样的，只是用法不一样，用法：obj.call([thisObj[,arg1[, arg2[,[,.argN]]]]]) ， obj.apply([thisObj[,argArray]])
Trident、Geckos、Presto、Webkit；IE、Firefox、Opera、Chrome/Safari

单选题（共20题，每小题2分，共计40分）
B
B
C
C
C
A
B
B
C
B
A
B
B
A
B
D
A
B
B
D

不定项选择题（共10题，每小题4分，共计40分，每小题完全正确才得分）
ABCD
ACE
ABC
ABCD
ABCDE
ACD
AD
CEG
BDE
ABD

评论列表正在加载评论...

文章目录