当前位置:文档之家› 前端面试题第二套

前端面试题第二套

1)display:inline兼容所有的浏览器。

请判断这句话的正确与否。

TF2)从四个选项选出不同的一个。

a.<nav>b.<footer>c.<meta>d.<canvas>3)css中clear的作用是什么?a.清除该元素所有样式b.清楚该元素父元素的所有样式c.指明该元素周围不可出现浮动元素d.指明该元素的父元素周围不可出现浮动元素4)表示有序列表的是a.ulb.dlc.lid.ol5)关于嵌套列的用法,错误的是a.<div class=“row”><br> <div class=“col-sm-1”>b.<div class=“col-sm-1”><br><div class=“row”><br>c.<div class=“row”><br> <div class=“container”><br> <div class=“col-xs-1”><br>d.<div class=“container”><br> <div class=“row”><br> <div class=“col-xs-1”>6)以下哪一条Javascript语句会产生运行错误?a.var obj=( );b.var obj=[ ];c.var obj={ };d.var obj=/ /;7)哪一个是javascript中array的正确写法?a.var txt = new Array("tim","kim","jim")b.var txt = new Array="tim","kim","jim"c.var txt = new Array:1=("tim")2=("kim")3=("jim")d.var txt = new Array(1:"tim",2:"kim",3:"jim")8)关于angularjs说法,错误的是a.前端mvc,极大降低前端开发的耦合b.极大的丰富了dom操作c.实现了数据双向绑定d.实现了依赖注入9)在文档上输出"Hello World" 的正确 Javascript 语法是?a.("Hello World")b."Hello World"c.response.write("Hello World")d.document.write("Hello World")10)关于对变量的说法,错误的是?a.一般使用var key=val的形式赋值b.由于javascript的动态特性,常常直接采取key= val的形式赋值c.若声明而未对变量赋值,该变量的值为undefinedd.var carname="Volvo";var carname;顺序执行后,caranme的值依然为Volvo11)以下Js程序的输出是什么()<SCRIPT LANGUAGE=""JavaScript>var a="undefined";var b="false";var c="";function assert(aVar){if(aVar)alert(true);elsealert(false);}assert(a);assert(b);assert(c);</SCRIPT>12)以下Js程序的输出是什么()var x = new Boolean(false);if(x) {alert('hi');}var y = Boolean(0);if(y) {alert('hello');}13)以下Js程序的输出是什么()<ul><li>click me</li><li>click me</li><li>click me</li><li>click me</li></ul>var elements=document.getElementsByTagName('li');var length=elements.length;for(var i=0;i<length;i++){elements[i].onclick=function(){alert(i);}}依次点击4个li标签,依次弹出()?14)以下Js程序的输出是什么()var f = function g() {return23;};typeof g();15)以下Js程序的输出是什么()v ar msg='hello';for(var i=0; i<10; i++){var msg='hello'+i*2+i;}alert(msg);16)前端页面由哪三层构成,分别是什么?作用是什么?17)你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?18)CSS的盒子模型?19)编写一个方法实现 javascript面向对象中继承20)编写一个方法去掉一个数组的重复元素var arr = [1 ,1 ,2, 3, 3, 2, 1];21)截取字符串abcdefg的efg22)“你喜欢什么样的上司?你希望与什么样的上级共事?”答案1,IE6-IE7不兼容2,C。

A选项<nav></nav>,位于<body></body>中。

标签定义导航链接;B选项<footer></footer>,位于<body></body>中。

标签定义文档或节的页脚;C选项<meta>, <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部(<head></head>),不包含任何内容。

<meta> 标签的属性定义了与文档相关联的名称/值对。

D选项<canvas>。

<canvas>位于<body></body> 中,标签定义图形,比如图表和其他图像。

3,Cclear : none | left | right | both.对于CSS的清除浮动(clear),一定要牢记:这个规则只能影响使用清除的元素本身,不能影响其他元素。

4,D5,CBootstrap3的东东:/css/#grid栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。

下面就介绍一下 Bootstrap 栅格系统的工作原理:“行(row)”必须包含在.container (固定宽度)或.container-fluid (100% 宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)6,答案:AA,错误B,声明obj为数组对象C,声明obj为对象D,声明obj为正则对象7,A创建 Array 对象的语法var arr=[1,2,3];var arr=new Array(1,2,3);var arr=new Array(12); 如果只有一个数,代表数组的length是12个var arr=new Array(0); 清空数组8,BAngular大大减少了对DOM的访问。

jQuery极大的丰富了DOM操作9,D10,B用var操作符定义的变量将成为定义该变量作用于的局部变量,函数退出后变量销毁。

省略var操作符定义全局变量,难维护,易混乱。

11,true,true,false12,hi13,依次弹出4,4,4,414,实践证明:如果是typeof f,结果是function如果是typeof f(),结果是number如果是typeof g,结果是undefined.如果是typeof g(),结果是ReferenceError,g is not defined15,hello189..Javascript只有函数域,没有块作用域的概念,所以在同一个作用域中同一个变量声明多次还是指向第一次声明那个!所以当我们进行赋值的时候,都是指向第一次声明那个,有且只有最后一次赋值生效。

16分成:结构层、表示层、行为层。

结构层(structural layer)由 HTML 或 XHTML之类的标记语言负责创建。

标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息。

例如,P标签表达了这样一种语义:“这是一个文本段。

”表示层(presentation layer)由 CSS 负责创建。

CSS对“如何显示有关内容”的问题做出了回答。

行为层(behaviorlayer)负责回答“内容应该如何对事件做出反应”这一问题。

这是 Javascript 语言和 DOM主宰的领域。

,17,IE6、7、8、FF、Opear、Safari、Chrome、MaxthonTrident:Windows 下的 IE 浏览器使用的内核代号。

除 IE 外,众多的 IE Shell(如Maxthon )都使用这个内核。

Gecko:Mozilla Firefox 浏览器使用的内核代号。

Presto:Opera 浏览器使用的内核代号,这是目前公认网页浏览速度最快的浏览器内核。

KHTML/WebCore: Konqueror/Safari 浏览器使用的内核代号。

经常遇到的浏览器兼容问题:1.在有的浏览器中,默认字体大小为12px,所以在设字体大小的时候,最小设为12px,如果在做的过程中,发现字体小于12,可直接作为图片使用2.a标签对里不能嵌套a标签对3.若给a标签内的内容样式加上样式,需要设置display:block;(在IE中如果设置宽高会自动变成块,在FF中则不会),但如果设置了float属性,就不需要设置display:block。

相关主题