初級(jí)前端工程師面試題

1、1、對(duì)Web標(biāo)準(zhǔn)以及 W3C的理解與認(rèn)識(shí)？ 答：標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、提高搜索機(jī)器人搜索幾率、使用外鏈 CSS 和 JS 腳本、結(jié)構(gòu)行為表現(xiàn)的分離、文件下載與頁(yè)面速度更快、內(nèi)容能被更多的 用戶所訪問(wèn)、內(nèi)容能被更廣泛的設(shè)備所訪問(wèn)、更少的代碼和組件、容易維護(hù)、改 版方便， 不需要變動(dòng)頁(yè)面內(nèi)容、 提供打印版本而水需要復(fù)制內(nèi)容、 提高網(wǎng)站易用 性。2、XHTMI和HTMI有什么區(qū)別？答：HTM是一種基本的 WE網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言，XHTMI是一個(gè)基于XML的置標(biāo)語(yǔ)言 最主要的不同：XHTM元素必須被正確地嵌套；XHTM元素必須被關(guān)閉； 標(biāo)簽名必須用小寫字母；XHTM文檔必須擁有根元素。3、Docty

2、pe ?嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義？答： Doctype 用于聲明文檔使用哪種規(guī)范( HTMI/XHTM)I該標(biāo)簽可聲明三種DTD類型，分別為嚴(yán)格版本、過(guò)度版本以及基于框架的HTML文檔。加入XML聲明可觸發(fā)，解析方式更改為IE5.5擁有IE5.5的bug。4、 行內(nèi)元素有哪些？塊級(jí)元素有哪些？CSS的盒模型？答：行內(nèi)元素： a b br i spa n in put select塊級(jí)元素： div p h1 h2 h3 h4 form ulCSS 盒模型：內(nèi)容， border margin padding5、CSS引入的方式有哪些？ link和import的區(qū)別

3、是？ 答：方式：內(nèi)聯(lián) 內(nèi)嵌 外鏈 導(dǎo)入?yún)^(qū)別：同時(shí)加載前者無(wú)兼容性，后者CSS2.1以下瀏覽器不支持Link 支持使用 javascript 改變樣式，后者不可。6、CSS 選擇符有哪些？哪些屬性可以繼承？?jī)?yōu)先級(jí)算法如何計(jì)算？?jī)?nèi)聯(lián)和 important 哪個(gè)優(yōu)先級(jí)高？答：標(biāo)簽選擇符、類選擇符、 id 選擇符繼承不如指定 idclass 標(biāo)簽選擇 后者優(yōu)先級(jí)高7、前端頁(yè)面有哪三層構(gòu)成，分別是什么？作用是什么？ 答：結(jié)構(gòu)層 HTML 表示層 CSS 行為層 JS8、你做的頁(yè)面在哪些瀏覽器測(cè)試過(guò)？這些瀏覽器的內(nèi)核分別是什么？ 答： Ie(Ie 內(nèi)核)火狐 (Gecko)谷歌 (webkit) opea

4、r(Presto)9、img 標(biāo)簽上 title 與 alt 屬性的區(qū)別是什么？答： Alt 當(dāng)圖片不顯示時(shí)，用文字代表Title 為該屬性提供信息。10、描述CSS Reset的作用和用途答：Reset重置瀏覽器的CSS默認(rèn)屬性 瀏覽器的品種不同，樣式不同，然后重置，讓他們統(tǒng)11、http狀態(tài)碼有那些？分別代表是什么意思 ？100-199用于指定客戶端應(yīng)響應(yīng)的某些動(dòng)作。200-299用于表示請(qǐng)求成功。300-399用于已經(jīng)移動(dòng)的文件并且常被包含在定位頭信息中指定新的地址信息。400-499用于指出客戶端的錯(cuò)誤。400 語(yǔ)義有誤，當(dāng)前請(qǐng)求無(wú)法被服務(wù)器理解。401 當(dāng)前請(qǐng)求需要用戶驗(yàn)證403 服

5、務(wù)器已經(jīng)理解請(qǐng)求，但是拒絕執(zhí)行它。500-599用于支持服務(wù)器錯(cuò)誤。503 -服務(wù)不可用13. 解釋css sprites ，如何使用。Css精靈 把一堆小的圖片整合到一張大的圖片上，減輕服務(wù)器對(duì)圖片的請(qǐng)求數(shù)量14. 瀏覽器標(biāo)準(zhǔn)模式和怪異模式之間的區(qū)別是什么？盒子模型渲染模式的不同使用 patMode可顯示為什么模式15你如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化？期待的解決方案包括:文件合并文件最小化/文件壓縮使用CDN托管緩存的使用16. 什么是語(yǔ)義化的 HTML?直觀的認(rèn)識(shí)標(biāo)簽 對(duì)于搜索引擎的抓取有好處17. 清除浮動(dòng)的幾種方式，各自的優(yōu)缺點(diǎn)1. 使用空標(biāo)簽清除浮動(dòng)clear:both（理論上能清楚

6、任何標(biāo)簽，增加無(wú)意義的標(biāo)簽）用于兼容2. 使用oveflow:auto（空標(biāo)簽元素清除浮動(dòng)而不得不增加無(wú)意代碼的弊端”使用zoom:1IE）3. 是用afert偽元素清除浮動(dòng)（用于非IE瀏覽器）18. css hack_marging IE 6+margin IE 7Marging:0 auto 9 所有 IeMargin 0 IE 8Javascript 部分1. javascript的typeof返回哪些數(shù)據(jù)類型Object number function boolean underfind2. 例舉3種強(qiáng)制類型轉(zhuǎn)換和2種隱式類型轉(zhuǎn)換？強(qiáng)制（parselnt,parseFloat,numb

7、er ）隱式（=-=）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. 事件加不加on4. this指向問(wèn)題7.IE和標(biāo)準(zhǔn)下有哪些兼容性的寫法Var ev = ev | window.eventVar target = ev.srcElement|ev.target8. ajax請(qǐng)求的時(shí)候ge

8、t和post方式的區(qū)別一個(gè)在url后面一個(gè)放在虛擬載體里面有大小限制安全問(wèn)題應(yīng)用不同一個(gè)是論壇等只需要請(qǐng)求的，一個(gè)是類似修改密碼的9. call 和apply 的區(qū)別Object.call(this,obj1,obj2,obj3)Object.apply(this,arguments)lO.ajax 請(qǐng)求時(shí)，如何解釋json 數(shù)據(jù)使用eval parse鑒于安全性考慮使用parse更靠譜11. b繼承a的方法12. JavaScript this指針、閉包、作用域13. 事件委托是什么讓利用事件冒泡的原理，讓自己的所觸發(fā)的事件，讓他的父元素代替執(zhí)行!14閉包是什么，有什么特性，對(duì)頁(yè)面有什么影響

9、閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。15. 如何阻止事件冒泡和默認(rèn)事件canceBubble return false16. 添加刪除替換插入到某個(gè)接點(diǎn)的方法obj.appendChidl()obj.innersetBeforeobj.replaceChildobj.removeChildajax17. 解釋jsonp 的原理，以及為什么不是真正的動(dòng)態(tài)創(chuàng)建script標(biāo)簽，回調(diào)函數(shù)Ajax是頁(yè)面無(wú)刷新請(qǐng)求數(shù)據(jù)操作18. javascript的本地對(duì)象，內(nèi)置對(duì)象和宿主對(duì)象本地對(duì)象為array obj regexp 等可以new 實(shí)例化內(nèi)置對(duì)象為gload Math等不可以實(shí)例化的宿主為瀏覽器自帶的 document,window 等19. document load和 document ready的區(qū)另UDocument.onload是在結(jié)構(gòu)和樣式加載完才執(zhí)行jsDocument.ready原生種沒(méi)有這個(gè)方法，jquery 中有 $().ready(function)20. ” =”和“= ”的不同前者會(huì)自動(dòng)轉(zhuǎn)換類型后者不會(huì)21. javascript的同源策略一段腳本只能讀取來(lái)自于同一來(lái)源的窗口和文檔的屬性，這里的同一來(lái)源指的是主機(jī)名、協(xié)議和端口 號(hào)的組合22. 編寫一個(gè)數(shù)組去重的方法function oSort(arr)var result =;