初級(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è)面速度更快、容能被更多的用戶所訪問(wèn)、容能被更廣泛的設(shè)備所訪問(wèn)、更少的代碼和組件、容易維護(hù)、改版方便，不需要變動(dòng)頁(yè)面容、提供打印版本而水需要復(fù)制容、提高易用性。2、XHTML 和 HTML 有什么區(qū)別？答： HTML 是一種基本的WEB 網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言， XHTML 是一個(gè)基于 XML 的置標(biāo)語(yǔ)言最主要的不同：XHTML 元素必須被正確地嵌套；XHTML 元素必須被關(guān)閉；標(biāo)簽名必須用小寫字母；XHTML 文檔必須擁有根元素。3、D

2、octype ？嚴(yán)格模式與混雜模式 - 如何觸發(fā)這兩種模式， 區(qū)分它們有何意義？答： Doctype用于聲明文檔使用哪種規(guī)（HTML/XHTML）該標(biāo)簽可聲明三種DTD 類型，分別為嚴(yán)格版本、過(guò)度版本以及基于框架的HTML文檔。加入 XML 聲明可觸發(fā)，解析方式更改為IE5.5 擁有 IE5.5 的 bug 。4、行元素有哪些？塊級(jí)元素有哪些？CSS 的盒模型？答：行元素： abbrispaninputselect塊級(jí)元素： divph1h2h3h4formulCSS 盒模型：容， bordermarginpadding專業(yè)資料.5、CSS 引入的方式有哪些？ link 和 import的區(qū)別

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

4、)9、img 標(biāo)簽上 title 與 alt 屬性的區(qū)別是什么？答： Alt 當(dāng)圖片不顯示時(shí)，用文字代表Title 為該屬性提供信息。10 、描述 CSS Reset 的作用和用途答： Reset 重置瀏覽器的 CSS 默認(rèn)屬性瀏覽器的品種不同，樣式不同，然后重專業(yè)資料.置，讓他們統(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)證

5、403 服務(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ū)別是什么?盒子模型渲染模式的不同使用可顯示為什么模式15. 你如何對(duì)的文件和資源進(jìn)行優(yōu)化?期待的解決方案包括：文件合并文件最小化 / 文件壓縮使用 CDN 托管專業(yè)資料.緩存的使用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.使用 overflow:auto(空標(biāo)簽元素清除浮動(dòng)而不得不增加無(wú)意代碼的弊端,使用 zoom:1用于兼容 IE)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)換?專業(yè)資料.強(qiáng)制（ parseInt

7、,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.事件加不加on4.this 指向問(wèn)題7.IE 和標(biāo)準(zhǔn)下有哪些兼容性的寫法Var ev = ev | window.eventVar target = ev.srcElement|ev.tar

8、get專業(yè)資料.8.ajax請(qǐng)求的時(shí)候get和 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)10.ajax請(qǐng)求時(shí)，如何解釋json數(shù)據(jù)使用 eval parse鑒于安全性考慮使用 parse 更靠譜11.b 繼承 a 的方法12.JavaScript this指針、閉包、作用域?qū)I(yè)資料.13. 事件委托是什么讓利用事件冒泡的原理，讓自己的所觸發(fā)的事件，讓他的父

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