前端面试题第二套

1、1) display:inline兼容所有的浏览器。请判断这句话的正确与否。TF2) 从四个选项选出不同的一个。a. b. c. d. 3) css中clear的作用是什么？a. 清除该元素所有样式b. 清楚该元素父元素的所有样式c. 指明该元素周围不可出现浮动元素d. 指明该元素的父元素周围不可出现浮动元素4) 表示有序列表的是a. ulb. dlc. lid. ol5) 关于嵌套列的用法，错误的是a. b. c. d. 6) 以下哪一条Javascript语句会产生运行错误？a. var obj=( );b. var obj= ;c. var obj= ;d. var obj=/ /;7)

2、 哪一个是javascript中array的正确写法？a. var txt = new Array(tim,kim,jim)b. var txt = new Array=tim,kim,jimc. 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.

3、 (Hello World)b. Hello Worldc. 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程序的输出是什么（）var a=undefined;var b=false;

4、var c=;functionassert(aVar)if(aVar) alert(true);else alert(false);assert(a);assert(b);assert(c);12) 以下Js程序的输出是什么（） var x =new Boolean(false);if (x) alert(hi);var y = Boolean(0);if (y) alert(hello);13) 以下Js程序的输出是什么（）click meclick meclick meclick mevar elements=document.getElementsByTagName(li);var le

5、ngth=elements.length;for(var i=0;ilength;i+)elementsi.onclick=function()alert(i);依次点击4个li标签，依次弹出（）?14) 以下Js程序的输出是什么（） var f = function g() return 23;typeof g();15) 以下Js程序的输出是什么（） var msg=hello;for (var i=0; i10; i+) var msg=hello+i*2+i;alert(msg);16) 前端页面由哪三层构成，分别是什么？作用是什么？17) 你做的页面在哪些流览器测试过？这些浏览器的内

6、核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？18) CSS的盒子模型？19) 编写一个方法实现 javascript面向对象中继承20) 编写一个方法去掉一个数组的重复元素var arr = 1 ,1 ,2, 3, 3, 2, 1;21) 截取字符串abcdefg的efg22)“你喜欢什么样的上司？你希望与什么样的上级共事？”答案1，IE6-IE7不兼容2，C。A选项，位于中。标签定义导航链接；B选项,位于中。标签定义文档或节的页脚；C选项, 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的

7、头部（），不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。D选项。位于中，标签定义图形，比如图表和其他图像。3，C clear : none | left | right | both.对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素。4，D5，CBootstrap3的东东：栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理：“行（row）”必须包含在.container（固定宽度）或.container-flu

8、id（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操作符定义的变量将成为定义该变量作用于的局部变量，函数退出

9、后变量销毁。省略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只有函数域，没有块作用域的概念，所以在同一个作用域中同一个变量声明多次还是指向第一次声明那个！所以当我们进行赋值的时候，都是指向第一次声明那个，有且只有最后一次赋值生效。

10、16分成：结构层、表示层、行为层。结构层（structural layer）由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”表示层（presentation layer）由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。行为层（behaviorlayer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。,17,IE6、7、8、FF、Opear、Saf

11、ari、Chrome、MaxthonTrident：Windows 下的 IE 浏览器使用的内核代号。除 IE 外，众多的 IE Shell（如 Maxthon ）都使用这个内核。Gecko：Mozilla Firefox 浏览器使用的内核代号。Presto：Opera 浏览器使用的内核代号，这是目前公认网页浏览速度最快的浏览器内核。KHTML/WebCore： Konqueror/Safari 浏览器使用的内核代号。经常遇到的浏览器兼容问题：1.在有的浏览器中，默认字体大小为12px,所以在设字体大小的时候，最小设为12px，如果在做的过程中，发现字体小于12，可直接作为图片使用2.a标签对

12、里不能嵌套a标签对3.若给a标签内的内容样式加上样式，需要设置display:block;（在IE中如果设置宽高会自动变成块，在FF中则不会），但如果设置了float属性，就不需要设置display:block。4.ul，ol在FF默认情况下，有list-style-type样式和padding值，dl在IE和FF默认情况下，有padding值，所以应该事先声明ul,li,ol,dl,dd,ddmargin:0;padding:0。5.作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应6.关于手形光标. cursor: poin

13、ter. 而hand 只适用于 IE.7.css布局中的居中问题:在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“margin-right: auto;margin-left: auto; ”需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义margin-right: auto;margin-left: auto; 就可以了。8.浮动ie产生的双倍距离#box float:

14、left; width:100px; margin:0 0 0 100px; /这种情况之下IE会产生200px的距离，这时需要设置display:inline; /使浮动忽略9.如何居中一个浮动元素?对其设置margin:x auto;10.有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！有，HTML5的是目前正在为未来的HTML标准的主要修订的发展。其前任一样，4.01和XHTML 1.1的HTML，HTML5的是一个结构和提交万维网内容的标准。新标准结合了诸如视频播放，拖动和放下以前曾在第三方浏览器插件依赖例如Adobe Flash，微软的Silverlight的功能

15、，和谷歌齿轮。12:如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?把所有的CSS文件都放入一个样式表中,通过把所有的脚本放到一个文件中来减少HTTP请求的方法。js文件也采用同样的方法。把所有的背景图像都放到一个图片文件中，然后通过CSS的background-image和background-position属性来显示图片的不同部分。14：你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?前端界面工程师：1. 与交互设计师、视觉设计师协作，根据设计图完成页面制作。 2. 维护及优化网站前端性能。前景： 长期以来，国内前端开发在整个软件开发行业内占

16、得比重较小，发展较晚。网站也多倾向于赢利最大化而轻视用户体验。前后端比例悬殊大。近几年来，随着 以用户为中心 的思想普及发展。前端开发呈现出强劲的发展态势，前端开发人员在项目中的重要性日益突出。前端开发人员呈现出严重的人员短缺现象。18,（1）两种， IE 盒子模型、标准 W3C 盒子模型；IE 的content部分包含了 border 和 pading;（2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border).19,javascript面向对象中的继承实现一般都使用到了构造函数和Prototype原型链，简单的代码如下：function A

17、nimal(name) = name;Atotype.getName = function() alert()function Dog() ;Dtotype = new Animal(“Buddy”);Dtotype.constructor = Dog;var dog = new Dog();20,Atotype.unique = function()var ret = ;var o = ;var len = this.length;for (var i=0; ilen; i+)var v = th

18、isi;if (!ov)ov = 1;ret.push(v);return ret;alert(arr.unique();21,var str = “abcdefg”;if (/efg/.test(str) var efg = str.substr(str.indexOf(“efg”), 3);alert(efg);22，即使被录用，上司也是既定的，是不会给应聘者选择的机会，那为什么还问这样的问题呢？因为面试官希望通过这个问题判断应聘者的自我要求意识，所以这既是陷阱，也是机会，就看应聘者如何回答了。这个面试问题的回答思路：上司是既定的，应聘者没有选择机会，所以要回避对上司的具体要求，而多谈谈对自己的要求;表示无论遇到什么样的上司，都要努力从上司那里学到东西，也尽量发挥自己的专长，做好自己的本职工作，