Web前端开发工程师面试题.docx

Web前端开发工程师面试题

资料仅供参考
一、 CSS 1
二、 HTML 2
三、 jquery 3
四、 综合 4

一、 CSS
1. CSS样式表根据所在网页的位置，可分为?(B )
A．行内样式表、内嵌样式表、混合样式表
B．行内样式表、内嵌样式表、外部样式表
C．外部样式表、内嵌样式表、导入样式表
D．外部样式表、混合样式表、导入样式表

2. 对于标签，其中*代表（ C ）
A. 注释的时候才用上
B. 没有这个标签
C. 通配符，意思是所有的标签

3. 在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B )
A. A:link{TEXT-DECORATION: underline }
B. A:hover {TEXT-DECORATION: none}
C. 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 )
A．style=”border-top: #ff0000 1 solid;”
B．style=”border-left: 1, #ff0000 ,solid;”
C．style=”border-left: 1 #ff0000 solid;”
D．style=”border-right: 1, #ff0000, dashed;”
6. 下列那个不是CSS选择符(D )
A．p B．.td C．#box D．shop
7. 在CSS的三种选择符中，哪个优先级最高?( C )
A．标签选择符 B．类选择符号 C．ID选择符
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专有的hack
c)“*”星号是IE6和IE7专有的hack
d) !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。

二、 HTML
1. 在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置（ B ）属性的。
A. 是否进行颜色设置
B. 是否出现滚动条
C. 是否设置边框宽度
D. 是否使用默认边框宽度
2. 若将Dreamweaver中２个横向相邻的单元格合并，则两单元格中文字会（ A ）
A．文字合并 B．左单元格文字丢失 C．右单元格文字丢失 D．系统出错 
3. 下列标签能够不成对出现的是（ B）
A．〈HTML〉〈/HTML〉
B．〈P〉 〈/P〉
C．〈TITLE〉〈/TITLE〉
D．〈BODY〉〈/BODY〉
4. 关于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) frame
b) applet
c) i
d) big

三、 jquery
1. 在javascript 中，以下哪个变量名是非法的（B ）
a)Name b)9name c)Name_a d)Name9
2. Javascript能够在以下什么地方执行?(B )
a)服务器端的浏览器
b)客户端的浏览器
c)在服务器端的tomcat容器里
d)在客户端的tomcat容器里
3. 在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问
a)局部 b)全局 c)typeOf d)New
4. 关于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 Object
b)null === undefined
c)null == undefined
d)NaN == NaN
8. 在javascript中，String 对象的方法不包括（D ）。
a)charAt()
b)substring()
c)toUpperCase()
d)Length //这个是属性不是方法
9. 下拉菜单中，用户更改表单元素Select中的值时，就会调用（A ）事件处理程序。
a)onChange
b)onFocus
c)onMouseOver
d)onClick

四、 综合
1. 当前支持html5和css3的主流浏览器有（b,c,d,e）
a) ie8, ie9,ie10,ie11
b) chrome
c) firefox
d) 360浏览器
e) opera
2. 列举你工作中遇到的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：