前端開發(fā)面試題及答案

Word———前端開發(fā)面試題及答案前端開發(fā)面試題及答案

想要應(yīng)聘前端開發(fā)的求職者，要做好完成面試題的預(yù)備。下面是由我共享的前端開發(fā)面試題及答案，盼望對你有用。

前端開發(fā)面試題及答案

1、對Web標(biāo)準(zhǔn)以及W3C的理解與熟悉?

答：標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、提高搜尋機(jī)器人搜尋幾率、使用外鏈CSS和JS腳本、結(jié)構(gòu)行為表現(xiàn)的分別、文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件、簡單維護(hù)、改版便利，不需要變動頁面內(nèi)容、供應(yīng)打印版本而水需要復(fù)制內(nèi)容、提高網(wǎng)站易用性。

2、XHTML和HTML有什么區(qū)分?

答：HTML是一種基本的WEB網(wǎng)頁設(shè)計語言，XHTML是一個基于XML的置標(biāo)語言最主要的不同：

XHTML元素必需被正確地嵌套;

XHTML元素必需被關(guān)閉;

標(biāo)簽名必需用小寫字母;

XHTML文檔必需擁有根元素。

3、Doctype?嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義?答：Doctype用于聲明文檔使用哪種規(guī)范(HTML/XHTML)

該標(biāo)簽可聲明三種DTD類型，分別為嚴(yán)格版本、過度版本以及基于框架的HTML文檔。

加入XML聲明可觸發(fā)，解析方式更改為IE5.5擁有IE5.5的bug。

4、行內(nèi)元素有哪些?塊級元素有哪些?CSS的盒模型?

答：行內(nèi)元素：abbrispaninputselect

塊級元素：divph1h2h3h4formul

CSS盒模型：內(nèi)容，bordermarginpadding

[emailprotected]?

答：方式：內(nèi)聯(lián)內(nèi)嵌外鏈導(dǎo)入

區(qū)分：同時加載

前者無兼容性，后者CSS2.1以下掃瞄器不支持

Link支持使用javascript轉(zhuǎn)變樣式，后者不行。

6.CSS選擇符有哪些?哪些屬性可以繼承?優(yōu)先級算法如何計算?內(nèi)聯(lián)和important哪個優(yōu)先級高?

答：標(biāo)簽選擇符、類選擇符、id選擇符

繼承不如指定idclass標(biāo)簽選擇

后者優(yōu)先級高

7、前端頁面有哪三層構(gòu)成，分別是什么?作用是什么?

答：結(jié)構(gòu)層HTML表示層CSS行為層JS

8、你做的頁面在哪些掃瞄器測試過?這些掃瞄器的內(nèi)核分別是什么?答：Ie(Ie內(nèi)核)

火狐(Gecko)

谷歌(webkit)

opear(Presto)

9、img標(biāo)簽上title與alt屬性的區(qū)分是什么?

答：Alt當(dāng)圖片不顯示時，用文字代表

Title為該屬性供應(yīng)信息。

10、描述CSSReset的作用和用途

答：Reset重置掃瞄器的CSS默認(rèn)屬性掃瞄器的品種不同，樣式不同，然后重

置，讓他們統(tǒng)一。

11、http狀態(tài)碼有那些?分別代表是什么意思?

100-199用于指定客戶端應(yīng)響應(yīng)的某些動作。

200-299用于表示懇求勝利。

300-399用于已經(jīng)移動的文件并且常被包含在定位頭信息中指定新的地址信息。400-499用于指出客戶端的錯誤。

400語義有誤，當(dāng)前懇求無法被服務(wù)器理解。

401當(dāng)前懇求需要用戶驗證

403服務(wù)器已經(jīng)理解懇求，但是拒絕執(zhí)行它。

500-599用于支持服務(wù)器錯誤。

503–服務(wù)不行用

13.解釋csssprites，如何使用。

Css精靈把一堆小的圖片整合到一張大的圖片上，減輕服務(wù)器對圖片的懇求數(shù)量

14.掃瞄器標(biāo)準(zhǔn)模式和怪異模式之間的區(qū)分是什么?

盒子模型渲染模式的不同

使用patMode可顯示為什么模式

15.你如何對網(wǎng)站的文件和資源進(jìn)行優(yōu)化?期盼的解決方案包括：

文件合并

文件最小化/文件壓縮

使用CDN托管

緩存的使用

16.什么是語義化的HTML?

直觀的熟悉標(biāo)簽對于搜尋引擎的抓取有好處

17.清除浮動的幾種方式，各自的優(yōu)缺點(diǎn)

1.使用空標(biāo)簽清除浮動clear:both(理論上能清晰任何標(biāo)簽，增加無意義的標(biāo)簽)

2.使用overflow:auto(空標(biāo)簽元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用于兼容IE)

3.是用afert偽元素清除浮動(用于非IE掃瞄器)

18.csshack

_marging\IE6

+margin\IE7

Marging:0auto9全部Ie

Margin\0\IE8

前端開發(fā)面試題之Javascript部分

1.javascript的typeof返回哪些數(shù)據(jù)類型

Objectnumberfunctionbooleanunderfind

2.例舉3種強(qiáng)制類型轉(zhuǎn)換和2種隱式類型轉(zhuǎn)換?

強(qiáng)制(parseInt,parseFloat,number)

隱式(==–===)

3.split()join()的區(qū)分

前者是切割成數(shù)組的形式，后者是將數(shù)組轉(zhuǎn)換成字符串

4.數(shù)組方法pop()push()unshift()shift()

Push()尾部添加pop()尾部刪除

Unshift()頭部添加shift()頭部刪除

5.大事綁定和一般大事有什么區(qū)分

6.IE和DOM大事流的區(qū)分

1.執(zhí)行挨次不一樣、

2.參數(shù)不一樣

3.大事加不加on

4.this指向問題

7.IE和標(biāo)準(zhǔn)下有哪些兼容性的寫法

Varev=ev||window.event

document.documentElement.clientWidth||document.body.clientWidth

Vartarget=ev.srcElement||ev.target

8.ajax懇求的時候get和post方式的區(qū)分

一個在url后面一個放在虛擬載體里面

有大小限制

平安問題

應(yīng)用不同一個是論壇等只需要懇求的，一個是類似修改密碼的

9.call和apply的區(qū)分

Object.call(this,obj1,obj2,obj3)

Object.apply(this,arguments)

10.ajax懇求時，如何解釋json數(shù)據(jù)

使用evalparse鑒于平安性考慮使用parse更靠譜

11.b繼承a的.方法

12.JavaScriptthis指針、閉包、作用域

13.大事托付是什么

讓利用大事冒泡的原理，讓自己的所觸發(fā)的大事，讓他的父元素代替執(zhí)行!

14.閉包是什么，有什么特性，對頁面有什么影響

閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

15.如何阻擋大事冒泡和默認(rèn)大事

canceBubblereturnfalse

16.添加刪除替換插入到某個接點(diǎn)的方法

obj.appendChidl()

obj.innersetBefore

obj.replaceChild

obj.removeChild

17.解釋jsonp的原理，以及為什么不是真正的ajax

動態(tài)創(chuàng)建script標(biāo)簽，回調(diào)函數(shù)

Ajax是頁面無刷新懇求數(shù)據(jù)操作

18.javascript的本地對象，內(nèi)置對象和宿主對象

本地對象為arrayobjregexp等可以new實例化

內(nèi)置對象為gloadMath等不行以實例化的

宿主為掃瞄器自帶的document,window等

19.documentload和documentready的區(qū)分

Document.onload是在結(jié)構(gòu)和樣式加載完才執(zhí)行js

Docume