前端开发面试题答案

1、前端开发面试题及答案前端开发面试题及答案9/9前端开发面试题及答案前端开发面试题及答案【篇一：web前端开发工程师笔试题及答案】xt1.html的含义是什么，其主体部分由什么标记组成？html是一种标准，一种规范，它经过标记符号来标记要显示在网页中的各个部分，被称为超文本标记语言。标记和之间的内容组成了html的主体部分。网页中全部内容，包含文字，图片，连结都包含在此标记符内。说明在网页设计中div标签的作用div中文名被称为“层次”能够把文档切割成独立的，不一样样的部分。它能够用作严格的组织工具，而且不合用任何格式与其余关系。3.css指的是什么？在网页设计中为何要用到css技术？css是级

2、联款式表，用来进行网页风格设计。使用款式表能够一致的控制html中各标记的显示属性。精准确实定元素的地点，扩大网页外观和特特见效的显示能力。4.css中id和class怎么定义，哪个定义的优先级别高？假如class定义一个html元素没边框，而id定义这个元素有边框，结果呢？divclass=”a1”,id=”a2”/div先听id的。5.ie6下为何不可以够第一1px左右高度的容器？ie6默认的行高造成的。如何才能让层显示在flash之上？给flash设置透明，paramvalue=transparent。如何使一个层垂直剧中于阅读器中？firefox嵌套div标签的剧中问题假设有以下状况：

3、divid=”a”divid=”b”/div/div假如要实现b在a中剧中搁置该如何实现？解决方法就是除了需要在a中设置text-align属性为center今后，还需要设置b的横向margin为auto。比方设置b的css款式为：margin:0auto;因此，设置以下就能够实现居中：divid=astyle=width:200px;border:1pxsolidred;text-align:center;divid=bstyle=background-color:blue;width:30px;margin:0autonbsp;/div/div9.web标准网站有哪些长处？下载阅读速度快。

4、被更多的用户接见。推行时被更多的机器接见。更少的代码，易于保护，宽带要求降低，降低成本，更简单被搜寻引擎搜寻到。改版方便，不需要改变内容。供给打印页面不用复制。如何解决超链接接见事后hover款式就不出现的问题。改变css属性摆列的次序l-v-h-a（link,visted,hover,active.）【篇二：web前端研发工程师笔试题(选择题带答案)】a)innerhtmlb)innertext经过设置层的隐蔽和显示来实现经过设置层的款式属性的display属性2.当按键盘a时，使用onkeydown事件打印event.keycode的结果是（a）a)65b)13c)97d)373.在jav

5、ascript里，以下选项中不属于数组方法的是（b）；a)sort()b)length()c)concat()d)reverse()4.以下哪一个选项能够用来检索被选定的选项的索引号?(b)a)disabledb)selectedindexc)optiond)multiple希望图片拥有”提交”按钮相同的功能,该如何编写表单提交?(a)a)在图片的onclick事件中手动提交b)在图片上增添onsubmit事件c)在图片的onsubmit事件中手动提交d)在表单中自动提交6.使div层和文本框处在同一行的代码正确的选项是(d);a)b)c)d)以下选项中,描绘正确的选项是(选择两项)。(ad)

6、a)options.add(newoption(?a?,a?)能够动向增添一个下拉列表选项b)option.add(newoption(?a?,a?)能够动向增添一个下拉列表选项c)newoption(?a?,a?)中?a表示列表选项的值,?a用于在页面中显示d)newoption(?a?,a?)中?a表示列表选项的值,?a用于在页面中显示8.、varemp=newarray(3);for(variinemp)以下答案中能与for循环代码交换的是:（选择一项）。(d)afor(vari=0;iemp;i+)bfor(vari=0;iarray(3);i+)cfor(vari=0;iemp.le

7、ngth();i+)dfor(vari=0;iemp.length;i+)9.制作级联菜单功能时调用的是下拉列表框的（a）事件。a)onchangeb)onfocusc)selectedd)onclick10.以下申明数组的语句中，错误的选项是（c）。a)vararry=newarray()b)vararry=newarray(3)c)vararry=newarray(3)(4)d)vararry=newarray(?3?,?4?)以手下性哪一个能够实现层的隐蔽?（c）a)display:falsb)display:hiddenc)display:noned)display:”以下哪一个选项不

8、属于document对象的方法?（d）a)focus()b)getelementbyid()c)getelementsbyname()d)bgcolor()以下哪项是按下键盘事件(ab)a)onkeydownb)onkeypressc)keycoded)onmouseover是（b）把用户的正确信息提交给服务器检查提交的数据必然符合实质使得页面变得雅观、大方减少服务器端的压力、display属性值的常用取值不包含(c)a)inlineb)blockc)hiddend)none以下相关pixeltop属性与top属性的说法正确的选项是。(d)a)都是location对象的属性b)使用时返回值都是

9、字符串c)都是返回以像素为单位的数值d)以上都不对使用open方法翻开拥有阅读器工具条,地点栏,菜单栏的窗口，以下选项正确的选项是_d_a)open(x.html,hi,toolbas=1,scrollbars=1,status=1);b)open(hi,scrollbars=1,location=1,status=1);c)open(x.html,status=yes,menubar=1,location=1);d)open(x.html,hi,toolbas=yes,menubar=1,location=1);下边封闭名为mydiv的层的代码正确的选项是(c)a)document.gete

10、lementbyid(mydiv).style.display=none;b)document.getelementbyid(mydiv).style.display=none;c)document.getelementbyid(mydiv).style.display=none;d)document.getelementbyid(mydiv).style.display=none;为何要使用div+css布局形式与内容分别大大减少页面代码，提升页面阅读速度构造清楚，有益于seo缩短改版时间，布局更方便一次设计，多次使用block元素的特色是什么?哪些元素默以为block元素老是在新行上开始；

11、高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度是块元素的有：,和21.、inline元素的特色是什么?哪些元素属于inline元素?和其余元素都在一行上；高，行高及顶和底边距不可以改变；宽度就是它的文字或图片的宽度，不可以改变。是inline元素的有：,和。、javascript中表达式parseint(“x8x8”)+pasefloat(?8?)的结果是什么?(c)a)8+8b)88c)16d)“8”+?8string对象的方法不包含(c)a)charat()；b)substring()c)lengthd)touppercase()对于settimeout(

12、“check”,10)中说法正确的选项是(d)a)程序循环履行10次b)check函数每10秒履行一次c)10做为参数传给函数checkd)check函数每10毫秒履行一次以下哪个单词不属于javascript重点字：（c）a)withb)parentc)classd)void【篇三：2015前端面试题(含答案)】面试题-答案产品部beijing前端开发面试知识点纲领：htmlcss：对web标准的理解、阅读器内核差异、兼容性、布局、盒子模型、选择器优先级及使用、html5javascript：hack、css3、css基本功：、挪动端适应数据种类、面向对象、继承、闭包、插件、作用域、跨域、原

13、型链、模块化、自定义事件、内存泄露、事件系统、异步装载回调、模板引擎、nodejs、json、ajax等。其余：http、安全、正则、优化、重构、响应式、挪动端、团队协作、可保护、seo、ued、架构、职业生涯作为一名前端工程师，不论工作年头长短都应当必然掌握的知识点：1、dom构造两个节点之间可能存在哪些关系以及如何在节点之间随意挪动。2、dom操作如何增添、移除、挪动、复制、创立和查找节点等。3、事件如何使用事件，以及ie和标准dom事件模型之间存在的差异。4、xmlhttprequest这是什么、如何圆满地履行一次get恳求、如何检测错误。5、严格模式与混淆模式如何触发这两种模式，划分它

14、们有何意义。6、盒模型外边距、内边距和边框之间的关系，及ie8以下版本的阅读器中的盒模型7、块级元素与行内元素怎么用css控制它们、以及如何合理的使用它们8、浮动元素怎么使用它们、它们有什么问题以及怎么解决这些问题。9、html与xhtml两者有什么差异，你感觉应当使用哪一个并说出原因。10、json作用、用途、设计构造。2/28html一、doctype作用?严格模式与混淆模式如何划分？它们有何意义?（1）、!doctype申明位于文档中的最前面，处于html标签以前。见告阅读器的解析器，用什么文档种类规范来解析这个文档。2）、严格模式的排版和js运作模式是以该阅读器支持的最高标准运转。3）

15、、在混淆模式中，页面以宽松的向后兼容的方式显示。模拟老式阅读器的行为以防备站点没法工作。4）、doctype不存在或格式不正确会致使文档以混淆模式表现。二、行内元素有哪些？块级元素有哪些？空(void)元素有那些？1）css规范规定，每个元素都有display属性，确立该元素的种类，每个元素都有默认的display值，比方div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline是“行内”元素。（2）行内元素有：abspanimginputselectstrong（重申的语气）块级元素有：divulollidldtddh1h2h3h4p（

16、3）出名的空元素：brhrimginputlinkmeta不为人知的是：，”areabasecolcommandembedkeygenparamsourcetrackwbr三、link和import的差异是？1）link属于xhtml标签，而import是css供给的;2）页面被加载的时，link会同时被加载，而import引用的css会等到页面被加载完再加载;3）import只在ie5以上才能鉴识，而link是xhtml标签，无兼容问题;4）link方式的款式的权重高于import的权重.四、阅读器的内核分别是什么?ie阅读器的内核trident、mozilla的gecko、chrome的b

17、link（webkit的分支）、opera内核原为presto，现为blink；3/28五、常有兼容性问题？*png24位的图片在ie6阅读器上出现背景，解决方案是做成png8.阅读器默认的margin和padding不一样样。解决方案是加一个全局的*margin:0;padding:0;来一致。ie6双边距bug:块属性标签float后，又有横行的margin状况下，在ie6显示margin比设置的大。浮动ie产生的双倍距离#boxfloat:left;width:10px;margin:000100px;这类状况之下ie会产生20px的距离，解决方案是在float的标签款式控制中加入_di

18、splay:inline;将其转变为行内属性。(_这个符号只有ie6会鉴识)渐进识其余方式，从整体中渐渐除去局部。第一，奇妙的使用“9”这一标记，将ie旅行器从全部状况中分别出来。接着，再次使用“+”将ie8和ie7、ie6分别开来，这样ie8已经独立鉴识。css.bbbackground-color:#f1ee18;/*全部鉴识*/.background-color:#00deff9;/*ie6、7、8鉴识*/+background-color:#a200ff;/*ie6、7鉴识*/_background-color:#1e0bd1;/*ie6鉴识*/*ie下,能够使用获得常例属性的方法来获

19、得自定义属性,也能够使用getattribute()获得自定义属性;firefox下,只好使用getattribute()获得自定义属性.解决方法:一致经过getattribute()获得自定义属性.*ie下,even对象有x,y属性,可是没有pagex,pagey属性;firefox下,event对象有pagex,pagey属性,可是没有x,y属性.解决方法：（条件说明）弊端是在ie阅读器下可能会增添额外的http恳求数。4/28chrome中文界面下默认会将小于12px的文本强迫依据12px显示,可经过加入css属性-webkit-text-size-adjust:none;解决.超链接接见事后不在拥有hoverhover款式就不出现了