前端開發(fā)的面試題

本文格式為Word版，下載可任意編輯——前端開發(fā)的面試題前端開發(fā)的面試題

web前端面試題

以下是收集一些面試中經(jīng)常會遇到的經(jīng)典面試題以及自己面試過程中無法解決的問題，通過對學(xué)識的整理以及閱歷的總結(jié)，重新穩(wěn)定自身的前端根基學(xué)識。

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

標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、提高探尋機(jī)器人探尋幾率、使用外鏈css和js腳本、布局行為表現(xiàn)的分開、文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件，輕易維護(hù)、改版便當(dāng)，不需要變動頁面內(nèi)容、供給打印版本而不需要復(fù)制內(nèi)容、提高網(wǎng)站易用性;

2.xhtml和html有什么識別

HTML是一種根本的WEB網(wǎng)頁設(shè)計(jì)語言，XHTML是一個(gè)基于XML的置標(biāo)語言

最主要的不同：

XHTML元素務(wù)必被正確地嵌套。

XHTML元素務(wù)必被關(guān)閉。

標(biāo)簽名務(wù)必用小寫字母。

XHTML文檔務(wù)必?fù)碛懈亍?/p>

3.Doctype?嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義?

用于聲明文檔使用那種模范html/Xhtml一般為嚴(yán)格過度基于框架的html文檔

參與XMl聲明可觸發(fā)，解析方式更改為IE5.5擁有IE5.5的bug

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

塊級元素：pph1h2h3h4formul

行內(nèi)元素:abbrispaninputselect

Css盒模型:內(nèi)容，border,margin，padding

5.CSS引入的方式有哪些?link和@import的識別是?

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

識別：同時(shí)加載

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

Link支持使用javascript變更樣式，后者不成

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

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

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

后者優(yōu)先級高

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

布局層Html表示層CSS行為層js

8.css的根本語句構(gòu)成是?

選擇器屬性1:值1;屬性2:值2;

9.你做的頁面在哪些流覽器測試過?這些欣賞器的內(nèi)核分別是什么?

IeIe內(nèi)核火狐Gecko谷歌webkitopearPresto

10.寫出幾種IE6BUG的解決方法

1.雙邊距BUGfloat引起的使用display

2.3像素問題使用float引起的.使用dislpay:inline-3px

3.超鏈接hover點(diǎn)擊后失效使用正確的書寫依次linkvisitedhoveractive

4.Iez-index問題給父級添加position:relative

5.Png通明使用js代碼改

6.Min-height最小高度!Important解決

7.select在ie6下遮蓋使用iframe嵌套

8.為什么沒有手段定義1px左右的寬度容器IE6默認(rèn)的行高造成的，使用over:hidden,zoom:0.08line-height:1px

11.標(biāo)簽上title與alt屬性的識別是什么?

Alt當(dāng)圖片不顯示是用文字代表。

Title為該屬性供給信息

12.描述cssreset的作用和用途。

Reset重置欣賞器的css默認(rèn)屬性欣賞器的品種不同，樣式不同，然后重置，讓他們統(tǒng)一

13.解釋csssprites，如何使用。

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

14.欣賞器標(biāo)準(zhǔn)模式和怪異模式之間的識別是什么?

盒子模型渲染模式的不同

使用patMode可顯示為什么模式

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

文件合并

文件最小化/文件壓縮

使用CDN托管

緩存的使用

16.什么是語義化的HTML?

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

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

1.使用空標(biāo)簽除掉浮動clear:both理論上能領(lǐng)會任何標(biāo)簽，，，增加無意義的標(biāo)簽

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

3.是用afert偽元素除掉浮動用于非IE欣賞器

Javascript

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

Objectnumberfunctionbooleanunderfind

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

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

隱式=====

3.splitjoin的識別

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

4.數(shù)組方法poppushunshiftshift

Push尾部添加pop尾部刪除

Unshift頭部添加shift頭部刪除

5.事情綁定和普遍事情有什么識別

6.IE和DOM事情流的識別

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苦求的時(shí)候get和post方式的識別

一個(gè)在url后面一個(gè)放在虛擬載體里面

有大小限制

安好問題

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

9.call和apply的識別

Object.callthis,obj1,obj2,obj3

Object.applythis,arguments

前端開發(fā)的面試題

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

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

11.b繼承a的方法

12.寫一個(gè)獲取非行間樣式的函數(shù)

functiongetStyleobj,attr,value

if!value

ifobj.currentStyle

returnobj.currentStyleattr

else

obj.getComputedStyleattr,false

else

obj.style[attr]=value

13.事情囑托是什么

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

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

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

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

canceBubblereturnfalse

16.添加刪除替換插入到某個(gè)接點(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實(shí)例化

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

宿主為欣賞器自帶的document,window等

19.documentload和documentready的識別

Document.onload是在布局和樣式加載完才執(zhí)行js

Document.ready原生種沒有這個(gè)方法，jquery中有$.readyfunction

20.'=='和"==='的不同

前者會自動轉(zhuǎn)換類型

后者不會

21.javascript的同源策略

一段腳本只能讀取來自于同一來源的窗口和文檔