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

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

姓名：_____________ 时间：_____________

1. 填空题 （共20题）
   

1. 列举Javascript中的数据类型

   ________________________________________________________________________

    

2. 在IE6下无法定义小高度的容器，是因为有一个默认的行高，解决方案有_______________或_______________等方式。

    

3. Javascript数组方法sort()的作用是____________________________________。

    

4. input元素的readonly属性的作用是___________________________________，disable属性的作用是___________________________________。

    

5. 设置CSS属性float的值为_______________时可取消元素的浮动。

    

6. 在Javascript里obj.child()和obj.childNode()的区别是________________________________________________________________________。

    

7. 强制文字换行需要设置_______________和_______________。

    

8. if…… else if……和switch的区别是__________________________________________________________________________。

    

9. DIV CSS设计中，想在点击文字时也选中checkbox，应该__________________________________________________________________________。

    

10. 一个div为margin-bottom:10px，一个div为margin-top:5px，则这2个div上下排列之间的间距是_______________px，这种情况是因为__________________________________________________________________________。

     

11. 在Javascript中，创建节点的方法是_______________，插入节点的方法是_______________，删除节点的方法是_______________，复制节点的方法是_______________。

     

12. 在对象属性的个数未知的情况下，如何对该对象的属性进行遍历？__________________________________________________________________________。

     

13. 在HTML5中如果使离线存储的内容更新，则必须修改_______________文件。

     

14. HTML5中新加入了哪几个表单控件，请至少列举三个______________________________

     

15. form表单get与post方式提交参数的区别

    __________________________________________________________________________。

     

16. 能够匹配name带有”email”的文本输入框的css选择器是_______________

     

17. CSS Sprites技术的关键是_______________。

     

18. 前端页面由_______________、_______________和_______________三层构成，作用分别是__________________________________________________________________________。

     

19. apply及call这两个JS方法的用法以及区别是__________________________________________________________________________。

     

20. 目前常见的浏览器内核是_______________、_______________、_______________和_______________，他们代表的浏览器分别是_______________、_______________、_______________和_______________。
    1. 单选题 （共20题）
       
21. em标签在XHTML中语义为( )

    A：换行 B：强调 C：段落 D：标题

     

22. 以下哪个单词不属于 Javascript保留字：（ ）
    A：with
    B：parent
    C：class
    D：void
23. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( )

    A：display:inline B：display:none C：display:block D：display:inheric

24. 请选择 结果为真的表达式：（ ）
    A：null instanceof Object
    B：null === undefined
    C：null == undefined
    D：NaN == NaN

     

25. 选出你认为最合理的定义标题的方法( )

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

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

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

    D：<strong>文章标题</strong>

     

26. 以下哪条语句会产生运行错误：（ ）
    A：var obj = ();
    B：var obj = [];
    C：var obj = {};
    D：var obj = //;

     

27. 下列哪些是格式良好的 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>

     

28. 在以下的 HTML 中，哪个是正确引用外部样式表的方法？（　）

    A：<style src=https://www.mshxw.com/skin/sinaskin/image/nopic.gif>

    B：<link rel=”stylesheet” type=”text/css” href=https://www.mshxw.com/skin/sinaskin/image/nopic.gif>

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

    D：<style type=”text/css”>mystyle.css</style>

     

29. 以下代码显示的结果为（ ）

    <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；

     

30. 在html中，以下哪些组全部是块级元素（ ）

    A：div、p、span、ul；

    B：h3、p、li、ol；

    C：ul、img、span；

    D：h1、b、a、div；

     

31. HTML <p style=”font-size:12px”>这是文本 </p>

    Body p {font-size:15px;}

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

    A：12px             B：13px        C：14px            D：15px

     

32. 请问alert(‘n==0’)的输出结果是：（ ）

    A： null             B： ==0         C： undefined    D： false

     

33. 下面这段Javascript代码（ ）

    function test {

    alert(1);

    }

    test();

    function test(){

    alert(2);

    }

    请问输出结果：

    A：1          B： 2          C：null         D：undefined

     

34. 当float和margin同时使用时，IE6的双倍边距BUG如何解决？（ ）

    A：display:inline；

    B：margin:-3px；

    C：padding:-3px；

    D：overfolw:hidden；

     

35. Firefox中标签的居中问题的解决方法？（ ）

    A：*{margin:auto;}

    B：*{margin:0 auto;}

    C：*{padding:0 auto;}

    D：*{text-align:center;}
    
    

36. 以下链接到电子邮件的正确格式是( )

    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>

     

37. 样式.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

     

38. DOCTYPE声明作用正确的是（ ）

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

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

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

    D：告诉浏览器页面加载方式

     

39. 关于canvas不正确的是（ ）

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

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

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

    D：Internet Explorer自Internet Explorer 9起已经可以支持canvas

     

40. 下列关于元素在网页中的叠放顺序描述，不正确的是（）

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

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

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

    D：叠放顺序与父元素无关
    

     

    1. 不定项选择题（共10题）
       
41. 请选择对Javascript理解有误的：( )

    A：Jscript 是Javascript的简称
    B：Javascript是网景公司开发的一种Java脚本语言，其目的是为了简化Java的开发难度
    C：FireFox 和IE存在大量兼容性问题的主要原因在于他们对Javascript的支持不同上
    D：AJAX技术一定要使用Javascript技术

     

42. foo对象有att属性，那么获取att属性的值，以下哪些做法是可以的：（ ）

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

    E：foo[“a”+”t”+”t”]

     

43. 以下哪些是Javascript的全局函数：（ ）
    A：escape     B：parseFloat     C：eval        D：setTimeout        E：alert

     

44. 关于Iframe表述正确的有：( )
    A：通过Iframe，网页可以嵌入其他网页内容，并可以动态更改
    B：在相同域名下，内嵌的 Iframe可以获取外层网页的对象
    C：在相同域名下，外层网页脚本可以获取Iframe网页内的对象
    D：可以通过脚本调整Iframe 的大小

     

45. 关于表格表述正确的有：（ ）
    A：表格中可以包含TBODY元素
    B：表格中可以包含CAPTION元素
    C：表格 中可以包含多个TBODY元素
    D：表格中可以包含COLGROUP元素
    E：表格中可以包含COL元素

     

46. 关于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的方式来存取该变量

     

47. 在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值( )

    A：cellpadding=”0″ B：padding:0 C：margin:0 D：cellspacing=”0″

     

48. 下哪个表达式正确？（ ）

    A：x==undefined;

    B：x==’undefined’;

    C：typeof(x)=’undefined’;

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

    E：null==undefined;

    F：false==undefined;

    G：!undefined;

     

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

    A：filter:alpha(opacity)

    B：opacity

    C：-o-opacity

    D：-moz-opacity

    E：-webkit-opacity

     

50. 下列关于网页元素overflow的说法，正确的是（ ）

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

    B：IE下触发layout属性
    

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

    D：必须配合width或height使用
    

    1. 答案：（共计120分，96分以上较好，72分以上合格，72分以下不合格；）
       

    填空题（共20题，每小题2分，共计40分）
    

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

     

    单选题（共20题，每小题2分，共计40分）

71.  
72. B
73. B
74. C
75. C
76. C
77. A
78. B
79. B
80. C
81. B
82. A
83. B
84. B
85. A
86. B
87. D
88. A
89. B
90. B
91. D

     

    不定项选择题（共10题，每小题4分，共计40分，每小题完全正确才得分）

92.  
93. ABCD
94. ACE
95. ABC
96. ABCD
97. ABCDE
98. ACD
99. AD
100. CEG
101. BDE
102. ABD