Web前端开发工程师面试题.doc
如有侵权，请联系网站删除，仅供学习与交流Web前端开发工程师面试题【精品文档】第 5 页一、 CSS1. CSS样式表根据所在网页的位置，可分为?(B )A行内样式表、内嵌样式表、混合样式表B行内样式表、内嵌样式表、外部样式表C外部样式表、内嵌样式表、导入样式表D外部样式表、混合样式表、导入样式表2. 对于标签，其中*代表（ C ）A. 注释的时候才用上B. 没有这个标签C. 通配符，意思是所有的标签3. 在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B )A. A:linkTEXT-DECORATION: underline B. A:hover TEXT-DECORATION: noneC. A:active TEXT-DECORATION: blink D. A:visited TEXT-DECORATION: overline 4. 下面代码片段，说法正确的是:(B ).DIV1 position:absolute; line-height:22px; height:58px; background-color: #FF0000; A. Line-height:22px;修饰文本字体大小B. position:absolute;表示绝对定位，被定位的元素位置固定C. height:58px; 表示被修饰的元素距离别的元素的距离D. background-color: #FF0000; 表示被修饰的元素的背景图像5. 用CSS设置DIV的左边为红色实线，下面设置正确的是 (C )Astyle=”border-top: #ff0000 1 solid;”Bstyle=”border-left: 1, #ff0000 ,solid;”Cstyle=”border-left: 1 #ff0000 solid;”Dstyle=”border-right: 1, #ff0000, dashed;” 6. 下列那个不是CSS选择符(D )Ap B.td C#box Dshop7. 在CSS的三种选择符中，哪个优先级最高?( C )A标签选择符 B类选择符号 CID选择符8. 引入样式表的方式有几种?答：引入样式表的方式有两种：方式一通过link引入，如<link rel=“stylesheet” Type=“text/css” href=“css.css”> 方法二通过import导入 如<style type="text/css"> import "mystyle.css"</style>9. 下面哪一个是css3旋转90度的代码（B）a) transition:rotate(90deg)b) transform:rotate(90deg)c) transition(rotate(90)d) transform:rotate(90)10. 关于css hack正确的是（A,B,C）a) CSS hack的目的就是使你的CSS代码兼容不同的浏览器。b)“_”下划线是IE6专有的hackc)“*”星号是IE6和IE7专有的hackd) !important IE6可以识别11. 如何用CSS分别单独定义IE6、7、8的width属性。所有浏览器通用 height: 100px; IE6专用 _height: 100px; IE6、IE7共用 *height: 100px; IE7专用 *+height: 100px; IE7、FF共用 height: 100px !important;12. CSS中哪些属性可以同父元素继承。所有元素可继承：visibility和cursor。内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。块状元素可继承：text-indent和text-align。列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。表格元素可继承：border-collapse。二、 HTML1. 在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置（ B ）属性的。A. 是否进行颜色设置B. 是否出现滚动条C. 是否设置边框宽度D. 是否使用默认边框宽度2. 若将Dreamweaver中个横向相邻的单元格合并，则两单元格中文字会（ A ）A文字合并 B左单元格文字丢失 C右单元格文字丢失 D系统出错 3. 下列标签可以不成对出现的是（ B）AHTML/HTMLBP /PCTITLE/TITLEDBODY/BODY4. 关于Document对象，下列叙述正确的是（AC ）a)Document对象表示浏览器中显示的HTML文档b)Document对象的常用属性bgcolor用来设置文档的背景图片c)Document对象的常用方法getElementById（）用于访问唯一的一个元素d)Document对象的常用方法getElementByNames（）5. 下面哪一个是html5新增的类型（C）a) <input type=”text” />b) <input type=”reset” />c) <input type=”search” />d) <input type=”hidden” />6. 与 HTML4 比较，HTML5 废弃了哪些元素（A, B, D）a) frameb) appletc) id) big三、 jquery1. 在javascript 中，以下哪个变量名是非法的（B ）a)Name b)9name c)Name_a d)Name92. Javascript可以在以下什么地方执行?(B )a)服务器端的浏览器b)客户端的浏览器c)在服务器端的tomcat容器里d)在客户端的tomcat容器里3. 在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问a)局部 b)全局 c)typeOf d)New4. 关于javascript说法正确的是（B ）。a)它是面向对象的b)它是基于对象的c)它是面向过程的d)以上说法都不正确5. 以下哪条语句会产生运行错误(A，D )A、var obj = ()B、var obj = C、var obj = D、var obj = /6. 在javascript中，下拉列表框的（B ）方法可从列表中删除一个元素a)Add( ) b)Remove( ) c)Focus( ) d)blur（）7. 请选择结果为真的表达式(C )a)null instanceof Objectb)null = undefinedc)null = undefinedd)NaN = NaN8. 在javascript中，String 对象的方法不包括（D ）。a)charAt()b)substring()c)toUpperCase()d)Length /这个是属性不是方法9. 下拉菜单中，用户更改表单元素Select中的值时，就会调用（A ）事件处理程序。a)onChangeb)onFocusc)onMouseOverd)onClick四、 综合1. 目前支持html5和css3的主流浏览器有（b,c,d,e）a) ie8, ie9,ie10,ie11b) chromec) firefoxd) 360浏览器e) opera2. 列举你工作中遇到的IE6 BUG，谈谈解决方案ie6中不认图片png 的透明度，改png为8位的就可以了。【IE6的疯狂之一】IE6中奇数宽高的BUG：【IE6的疯狂之二】IE6中PNG Alpha透明：【IE6的疯狂之三】IE6 3像素BUG的实例：【IE6的疯狂之四】IE6文字溢出BUG：【IE6的疯狂之五】div遮盖select的解决方案：【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题）：【IE6的疯狂之七】样式中文注释后引发失效：【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG：【IE6的疯狂之九】li在IE中底部空行的BUG：【IE6的疯狂之十】父级使用padding后，子元素绝对定位的BUG【IE6的疯狂之十一】!important在IE6下的一个BUG：【IE6的疯狂之十二】一个display:none引起的3像素的BUG：【IE6的疯狂之十三】IE6下使用滤镜后链接不能点击的BUG：
