1、web前端面試題及答案【前端開發面試題及答案整理】想要應聘前端開發的求職者，要做好完成面試題的準備。下面小編分享的前端開發面試題及答案，希望對你有用。前端開發面試題及答案1、對Web標準以及W3C的理解與認識?答：標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外鏈CSS和JS腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件、容易維護、改版方便，不需要變動頁面內容、提供打印版本而水需要復制內容、提高網站易用性。2、XHTML和HTML有什么區另U?答：HTML是頁設計語言，XHTML是一個基于XML的置標語言最主

2、要的不同：XHTML元素必須被正確地嵌套;XHTML元素必須被關閉;標簽名必須用小寫字母;XHTML文檔必須擁有根元素。3、Doctype?嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?答：Doctype用于聲明文檔使用哪種規范(HTML/XHTML)該標簽可聲明三種DTD類型，分別為嚴格版本、過度版本以及基于框架的HTML文檔。加入XML聲明可觸發，解析方式更改為IE5.5擁有IE5.5的bug。4、行內元素有哪些袂級元素有哪些？CSS的盒模型？答：行內元素：abbrispaninputselect塊級元素：divph1h2h3h4formulCSS盒模型：內容，borderma

3、rginpadding5、CSS引入的方式有哪些？link和import的區別是？答：方式：內聯內嵌外鏈導入區別：同時加載前者無兼容性，后者CSS2.1以下瀏覽器不支持Link支持使用javascript改變樣式，后者不可。6.CSS選擇符有哪些？哪些屬性可以繼承？優先級算法如何計算？內聯和important哪個優先級高？答：標簽選擇符、類選擇符、id選擇符繼承不如指定idclass標簽選擇后者優先級高7、前端頁面有哪三層構成，分別是什么？作用是什么？答：結構層HTML表示層CSS行為層JS8、你做的頁面在哪些瀏覽器測試過？這些瀏覽器的內核分別是什么？答：Ie(Ie內核)火狐(Gecko)谷歌

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

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

6、增加無意義的標簽）2 .使用overflow:auto（空標簽元素清除浮動而不得不增加無意代碼的弊端,使用zoom:1用于兼容IE）3 .是用afert偽元素清除浮動（用于非IE瀏覽器）18.csshack_margingIE6+marginIE7Marging:0auto9所有IeMargin0IE8前端開發面試題之Javascript部分1 .javascript的typeof返回哪些數據類型Objectnumberfunctionbooleanunderfind2 .例舉3種強制類型轉換和2種隱式類型轉換?強制(parseInt,parseFloat,number)隱式(=-=)3 .s

7、plit()join()的區別前者是切割成數組的形式，后者是將數組轉換成字符串4 .數組方法pop()push()unshift()shift()Push()尾部添力口pop()尾部刪除Unshift()頭部添力口shift()頭部刪除5 .事件綁定和普通事件有什么區別6.IE和DOM事件流的區別1 .執行順序不一樣、2 .參數不一樣3 .事件加不加on4 .this指向問題1.1 E和標準下有哪些兼容性的寫法Varev=ev|window.eventdocument.documentElement.clientWidth|document.body.clientWidthVartarget=

8、ev.srcElement|ev.target8 .ajax請求的時候get和post方式的區別一個在url后面一個放在虛擬載體里面有大小限制問題應用不同一個是論壇等只需要請求的，一個是類似修改密碼的9 .call和apply的區別Object.call(this,obj1,obj2,obj3)Object.apply(this,arguments)10 .ajax請求時，如何解釋json數據使用evalparse鑒于安全性考慮使用parse更靠譜11 .b繼承a的方法12 .JavaScriptthis指針、閉包、作用域13 .事件委托是什么讓利用事件冒泡的原理，讓自己的所觸發的事件，讓他的

9、父元素代替執行!14 .閉包是什么，有什么特性，對頁面有什么影響閉包就是能夠讀取其他函數內部變量的函數。15 .如何阻止事件冒泡和默認事件canceBubblereturnfalse16 .添加刪除替換插入到某個接點的方法obj.appendChidl()obj.innersetBeforeobj.replaceChildobj.removeChild17 .解釋jsonp的原理，以及為什么不是真正的ajax動態創建script標簽，回調函數Ajax是頁面無刷新請求數據操作18 .javascript的本地對象，內置對象和宿主對象本地對象為arrayobjregexp等可以new實例化內置對象

10、為gloadMath等不可以實例化的宿主為瀏覽器自帶的document,window等19 .documentload和documentready的區別Document.onload是在結構和樣式加載完才執行jsDocument.ready原生種沒有這個方法，jquery中有$().ready(function)20 .”=和”“=”的不同前者會自動轉換類型后者不會21.javascript的同源策略一段腳本只能讀取來自于同一來源的窗口和文檔的屬性，這里的同一來源指的是主機名、協議和端的組合面試web前端研發應該注意什么1、了解公司俗話說“知己知彼，方能百戰百勝”我們在面試之前需要對公司有所了解，現在的公司尤其是上有自己的網站的，如果搜索不到，可能這個公司比較小2、學會取舍當我們收到應聘公司的HR打來的電話時，可以簡單的詢問一下公司的待遇，如果符合自己的理想要求就去面試，否則直接回絕3、找好路線我們應該在HR打電話通知去面試后，及時的查找到應聘公司的路線，包括公交車路線和自駕車路線4、攜帶我們最好攜帶一份簡單的個人簡歷去面試，雖然去面試時一般會讓你再次寫一份個人簡歷，但是我們還是要拿一份已經寫好的簡歷，簡歷盡量做的簡單明了。5、準備筆試在北京等城市的大型公司，我們去面試時，會先讓我們做一套筆試題，試題可能和我們的工作內容部分相