Web前端開(kāi)發(fā)工程師面試題

Web前端開(kāi)發(fā)工程師面試題資料僅供參考TOC\h\z\t"標(biāo)題2,1"一、 CSS 1二、 HTML 2三、 jquery 3四、 綜合 4CSSCSS樣式表根據(jù)所在網(wǎng)頁(yè)的位置，可分為?(B)

A．行內(nèi)樣式表、內(nèi)嵌樣式表、混合樣式表

B．行內(nèi)樣式表、內(nèi)嵌樣式表、外部樣式表

C．外部樣式表、內(nèi)嵌樣式表、導(dǎo)入樣式表

D．外部樣式表、混合樣式表、導(dǎo)入樣式表對(duì)于標(biāo)簽，其中*代表（C）

A.注釋的時(shí)候才用上

B.沒(méi)有這個(gè)標(biāo)簽

C.通配符，意思是所有的標(biāo)簽在CSS中下面哪種方法表示超鏈接文字在鼠標(biāo)經(jīng)過(guò)時(shí)，超鏈接文字無(wú)下劃線?(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}下面代碼片段，說(shuō)法正確的是:(B)

.DIV1{position:absolute;

line-height:22px;

height:58px;

background-color:#FF0000;}

A.Line-height:22px;修飾文本字體大小

B.position:absolute;表示絕對(duì)定位，被定位的元素位置固定

C.height:58px;表示被修飾的元素距離別的元素的距離

D.background-color:#FF0000;表示被修飾的元素的背景圖像用CSS設(shè)置DIV的左邊為紅色實(shí)線，下面設(shè)置正確的是(C)

A．style=”border-top:#ff00001solid;”

B．style=”border-left:1,#ff0000,solid;”

C．style=”border-left:1#ff0000solid;”

D．style=”border-right:1,#ff0000,dashed;”下列那個(gè)不是CSS選擇符(D)

A．pB．.tdC．#boxD．shop在CSS的三種選擇符中，哪個(gè)優(yōu)先級(jí)最高?(C)

A．標(biāo)簽選擇符B．類選擇符號(hào)C．ID選擇符引入樣式表的方式有幾種?

答：引入樣式表的方式有兩種：

方式一經(jīng)過(guò)link引入，如<linkrel=“stylesheet”Type=“text/css”href=“css.css”>

方法二經(jīng)過(guò)import導(dǎo)入如<styletype="text/css">@import"mystyle.css";</style>下面哪一個(gè)是css3旋轉(zhuǎn)90度的代碼（B）

a)transition:rotate(90deg)

b)transform:rotate(90deg)

c)transition(rotate(90))

d)transform:rotate(90)關(guān)于csshack正確的是（A,B,C）

a)CSShack的目的就是使你的CSS代碼兼容不同的瀏覽器。

b)“_”下劃線是IE6專有的hack

c)“*”星號(hào)是IE6和IE7專有的hack

d)!importantIE6能夠識(shí)別如何用CSS分別單獨(dú)定義IE6、7、8的width屬性。

所有瀏覽器通用height:100px;

IE6專用_height:100px;

IE6、IE7共用*height:100px;

IE7專用*+height:100px;

IE7、FF共用height:100px!important;CSS中哪些屬性能夠同父元素繼承。

所有元素可繼承：visibility和cursor。

內(nèi)聯(lián)元素可繼承：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在Dreamweaver中,在設(shè)置各個(gè)框架屬性時(shí),參數(shù)Scroll是用來(lái)設(shè)置（B）屬性的。

A.是否進(jìn)行顏色設(shè)置

B.是否出現(xiàn)滾動(dòng)條

C.是否設(shè)置邊框?qū)挾?/p>

D.是否使用默認(rèn)邊框?qū)挾热魧reamweaver中２個(gè)橫向相鄰的單元格合并，則兩單元格中文字會(huì)（A）

A．文字合并B．左單元格文字丟失C．右單元格文字丟失D．系統(tǒng)出錯(cuò)

下列標(biāo)簽?zāi)軌虿怀蓪?duì)出現(xiàn)的是（B）

A．〈HTML〉〈/HTML〉

B．〈P〉〈/P〉

C．〈TITLE〉〈/TITLE〉

D．〈BODY〉〈/BODY〉關(guān)于Document對(duì)象，下列敘述正確的是（AC）

a)Document對(duì)象表示瀏覽器中顯示的HTML文檔

b)Document對(duì)象的常見(jiàn)屬性bgcolor用來(lái)設(shè)置文檔的背景圖片

c)Document對(duì)象的常見(jiàn)方法getElementById（）用于訪問(wèn)唯一的一個(gè)元素

d)Document對(duì)象的常見(jiàn)方法getElementByNames（）下面哪一個(gè)是html5新增的類型（C）

a)<inputtype=”text”/>

b)<inputtype=”reset”/>

c)<inputtype=”search”/>

d)<inputtype=”hidden”/>與HTML4比較，HTML5廢棄了哪些元素（A,B,D）

a)frame

b)applet

c)i

d)bigjquery在javascript中，以下哪個(gè)變量名是非法的（B）

a)Nameb)9namec)Name_ad)Name9Javascript能夠在以下什么地方執(zhí)行?(B)

a)服務(wù)器端的瀏覽器

b)客戶端的瀏覽器

c)在服務(wù)器端的tomcat容器里

d)在客戶端的tomcat容器里在javascript中，(B)變量在函數(shù)外聲明，并可從腳本的任意位置訪問(wèn)

a)局部b)全局c)typeOfd)New關(guān)于javascript說(shuō)法正確的是（B）。

a)它是面向?qū)ο蟮?/p>

b)它是基于對(duì)象的

c)它是面向過(guò)程的

d)以上說(shuō)法都不正確以下哪條語(yǔ)句會(huì)產(chǎn)生運(yùn)行錯(cuò)誤(A，D)

A、varobj=()

B、varobj=[]

C、varobj={}

D、varobj=//在javascript中，下拉列表框的（B）方法可從列表中刪除一個(gè)元素

a)Add()b)Remove()c)Focus()d)blur（）請(qǐng)選擇結(jié)果為真的表示式(C)

a)nullinstanceofObject

b)null===undefined

c)null==undefined

d)NaN==NaN在javascript中，String對(duì)象的方法不包括（D）。

a)charAt()

b)substring()

c)toUpperCase()

d)Length//這個(gè)是屬性不是方法下拉菜單中，用戶更改表單元素Select中的值時(shí)，就會(huì)調(diào)用（A）事件處理程序。

a)onChange

b)onFocus

c)onMouseOver

d)onClick綜合當(dāng)前支持html5和css3的主流瀏覽器有（b,c,d,e）

a)ie8,ie9,ie10,ie11

b)chrome

c)firefox

d)360瀏覽器

e)opera列舉你工作中遇到的IE6BUG，談?wù)劷鉀Q方案

ie6中不認(rèn)圖片png的透明度，改png為8位的就能夠了。

【IE6的瘋狂之一】IE6中奇數(shù)寬高的BUG：【IE6的瘋狂之二】IE6中PNGAlpha透明：【IE6的瘋狂之三】IE63像素BUG的實(shí)例：【IE6的瘋狂之四】IE6文字溢出BUG：【IE6的瘋狂之五】div遮蓋select的解決方案：【IE6的瘋狂之六】li在IE中底部3像素的BUG（增加浮動(dòng)解決問(wèn)題）：【IE6的瘋狂之七】樣式中文注釋后引發(fā)失效：【IE6的瘋狂之八】鏈接偽類（:hover）CSS背景圖片有閃動(dòng)BUG：【IE6的瘋狂之九】li在IE中底部空行的BUG：【IE6的瘋狂之十】父級(jí)使用p