前端面试题第二套

1)display:inline兼容所有的浏览器。请判断这句话的正确与否。TF2)从四个选项选出不同的一个。a.navb.footerc.metad.canvas3)css中clear的作用是什么？a.清除该元素所有样式b.清楚该元素父元素的所有样式c.指明该元素周围不可出现浮动元素d.指明该元素的父元素周围不可出现浮动元素4)表示有序列表的是a.ulb.dlc.lid.ol5)关于嵌套列的用法，错误的是a.divclass=“row”brdivclass=“col-sm-1”b.divclass=“col-sm-1”brdivclass=“row”brc.divclass=“row”brdivclass=“container”brdivclass=“col-xs-1”brd.divclass=“container”brdivclass=“row”brdivclass=“col-xs-1”6)以下哪一条Javascript语句会产生运行错误？a.varobj=();b.varobj=[];c.varobj={};d.varobj=//;7)哪一个是javascript中array的正确写法？a.vartxt=newArray(tim,kim,jim)b.vartxt=newArray=tim,kim,jimc.vartxt=newArray:1=(tim)2=(kim)3=(jim)d.vartxt=newArray(1:tim,2:kim,3:jim)8)关于angularjs说法，错误的是a.前端mvc，极大降低前端开发的耦合b.极大的丰富了dom操作c.实现了数据双向绑定d.实现了依赖注入9)在文档上输出HelloWorld的正确Javascript语法是？a.(HelloWorld)b.HelloWorldc.response.write(HelloWorld)d.document.write(HelloWorld)10)关于对变量的说法，错误的是？a.一般使用varkey=val的形式赋值b.由于javascript的动态特性，常常直接采取key=val的形式赋值c.若声明而未对变量赋值，该变量的值为undefinedd.varcarname=Volvo;varcarname;顺序执行后，caranme的值依然为Volvo11)以下Js程序的输出是什么（）SCRIPTLANGUAGE=JavaScriptvara=undefined;varb=false;varc=;functionassert(aVar){if(aVar)alert(true);elsealert(false);}assert(a);assert(b);assert(c);/SCRIPT12)以下Js程序的输出是什么（）varx=newBoolean(false);if(x){alert('hi');}vary=Boolean(0);if(y){alert('hello');}13)以下Js程序的输出是什么（）ulliclickme/liliclickme/liliclickme/liliclickme/li/ulvarelements=document.getElementsByTagName('li');varlength=elements.length;for(vari=0;ilength;i++){elements[i].onclick=function(){alert(i);}}依次点击4个li标签，依次弹出（）?14)以下Js程序的输出是什么（）varf=functiong(){return23;};typeofg();15)以下Js程序的输出是什么（）varmsg='hello';for(vari=0;i10;i++){varmsg='hello'+i*2+i;}alert(msg);16)前端页面由哪三层构成，分别是什么？作用是什么？17)你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？18)CSS的盒子模型？19)编写一个方法实现javascript面向对象中继承20)编写一个方法去掉一个数组的重复元素vararr=[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的东东：栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下Bootstrap栅格系统的工作原理：“行（row）”必须包含在.container（固定宽度）或.container-fluid（100%宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）6，答案：AA，错误B，声明obj为数组对象C，声明obj为对象D，声明obj为正则对象7，A创建Array对象的语法vararr=[1,2,3];vararr=newArray(1,2,3);vararr=newArray(12);如果只有一个数，代表数组的length是12个vararr=newArray(0);清空数组8，BAngular大大减少了对DOM的访问。jQuery极大的丰富了DOM操作9，D10，B用var操作符定义的变量将成为定义该变量作用于的局部变量，函数退出后变量销毁。省略var操作符定义全局变量，难维护，易混乱。11,true，true，false12,hi13,依次弹出4，4，4，414,实践证明：如果是typeoff，结果是function如果是typeoff()，结果是number如果是typeofg,结果是undefined.如果是typeofg(),结果是ReferenceError，gisnotdefined15,hello189..Javascript只有函数域，没有块作用域的概念，所以在同一个作用域中同一个变量声明多次还是指向第一次声明那个！所以当我们进行赋值的时候，都是指向第一次声明那个，有且只有最后一次赋值生效。16分成：结构层、表示层、行为层。结构层（structurallayer）由HTML或XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”表示层（presentationlayer）由CSS负责创建。CSS对“如何显示有关内容”的问题做出了回答。行为层（behaviorlayer）负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript语言和DOM主宰的领域。,17,IE6、7、8、FF、Opear、Safari、Chrome、MaxthonTrident：Windows下的IE浏览器使用的内核代号。除IE外，众多的IEShell（如Maxthon）都使用这个内核。Gecko：MozillaFirefox浏览器使用的内核代号。Presto：Opera浏览器使用的内核代号，这是目前公认网页浏览速度最快的浏览器内核。KHTML/WebCore：Konqueror/Safari浏览器使用的内核代号。经常遇到的浏览器兼容问题：1.在有的浏览器中，默认字体大小为12px,所以在设字体大小的时候，最小设为12px，如果在做的过程中，发现字体小于12，可直接作为图片使用2.a标签对里不能嵌套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,dd{margin:0;padding:0}。5.作为外部wrapper的div不要定死高度,最好还加上overflow:hidden.以达到高度自适应6.关于手形光标.cursor:pointer.而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:left;width:100px;margin:000100px;//这种情况之下IE会产生200px的距离，这时需要设置display:inline;//使浮动忽略}9.如何居中一个浮动元素?对其设置margin:xauto;10.有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！有，HTML5的是目前正在为未来的HTML标准的主要修订的发展。其前任一样，4.01和XHTML1.1的HTML，HTML5的是一个结构和提交万维网内容的标准。新标准结合了诸如视频播放，拖动和放下以前曾在第三方浏览器插件依赖例如AdobeFlash，微软的Silverlight的功能，和谷歌齿轮。12:如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?把所有的CSS文件都放入一个样式表中,通过把所有的脚本放到一个文件中来减少HTTP请求的方法。js文件也采用同样的方法。把所有的背景图像都放到一个图片文件中，然后通过CSS的background-image和background-position属性来显示图片的不同部分。14：你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?前端界面工程师：1.与交互设计师、视觉设计师协作，根据设计图完成页面制作。2.维护及优化网站前端性能。前景：长期以来，国内前端开发在整个软件开发行业内占得比重较小，发展较晚。网站也多倾向于赢利最大化而轻视用户体验。前后端比例悬殊大。近几年来，随着以用户为中心的思想普及发展。前端开发呈现出强劲的发展态势，前端开发人员在项目中的重要性日益突出。前端开发人员呈现出严重的人员短缺现象。18,（1）两种，IE盒子模型、标准W3C盒子模型；IE的content部分包含了border和pading;（2）盒模型：内容(content)、填充(padding)、边界(marg