想要應聘前端開發的求職者,要做好完成面試題的準備。下面是由小編分享的前端開發面試題及答案,希望對你有用。
前端開發面試題及答案
1、對Web標準以及W3C的理解與認識?
答:標籤閉合、標籤小寫、不亂巢狀、提高搜尋機器人搜尋機率、使用外鏈CSS和JS指令碼、結構行為表現的分離、檔案下載與頁面速度更快、內容能被更多的使用者所訪問、內容能被更廣泛的裝置所訪問、更少的程式碼和元件、容易維護、改版方便,不需要變動頁面內容、提供列印版本而水需要複製內容、提高網站易用性。
2、XHTML和HTML有什麼區別?
答:HTML是一種基本的WEB網頁設計語言,XHTML是一個基於XML的置標語言 最主要的不同:
XHTML元素必須被正確地巢狀;
XHTML元素必須被關閉;
標籤名必須用小寫字母;
XHTML文件必須擁有根元素。
3、Doctype?嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義? 答:Doctype用於宣告文件使用哪種規範(HTML/XHTML)
該標籤可宣告三種DTD型別,分別為嚴格版本、過度版本以及基於框架的HTML文件。
加入XML宣告可觸發,解析方式更改為IE5.5擁有IE5.5的bug。
4、行內元素有哪些?塊級元素有哪些?CSS的盒模型?
答:行內元素:a b br i span input select
塊級元素:div p h1 h2 h3 h4 form ul
CSS盒模型:內容,border margin padding
5、CSS引入的方式有哪些?link和@import的區別是?
答:方式:內聯 內嵌 外鏈 匯入
區別:同時載入
前者無相容性,後者CSS2.1以下瀏覽器不支援
Link支援使用javascript 改變樣式,後者不可。
選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和important哪個優先順序高?
答:標籤選擇符、類選擇符、id選擇符
繼承不如指定 id>class>標籤選擇
後者優先順序高
7、前端頁面有哪三層構成,分別是什麼?作用是什麼?
答:結構層HTML 表示層CSS 行為層JS
8、你做的頁面在哪些瀏覽器測試過?這些瀏覽器的.核心分別是什麼? 答:Ie(Ie核心)
火狐(Gecko)
谷歌(webkit)
opear(Presto)
9、img標籤上title與 alt屬性的區別是什麼?
答:Alt當圖片不顯示時,用文字代表
Title為該屬性提供資訊。
10、描述CSS Reset的作用和用途
答:Reset重置瀏覽器的CSS預設屬性 瀏覽器的品種不同,樣式不同,然後重
置,讓他們統一。
11、http狀態碼有那些?分別代表是什麼意思?
100-199 用於指定客戶端應響應的某些動作。
200-299 用於表示請求成功。
300-399 用於已經移動的檔案並且常被包含在定位頭資訊中指定新的地址資訊。 400-499 用於指出客戶端的錯誤。
400 語義有誤,當前請求無法被伺服器理解。
401 當前請求需要使用者驗證
403 伺服器已經理解請求,但是拒絕執行它。
500-599 用於支援伺服器錯誤。
503 – 服務不可用
13.解釋css sprites,如何使用。
Css 精靈 把一堆小的圖片整合到一張大的圖片上,減輕伺服器對圖片的請求數量
14.瀏覽器標準模式和怪異模式之間的區別是什麼?
盒子模型 渲染模式的不同
使用 atMode 可顯示為什麼模式
15.你如何對網站的檔案和資源進行優化?期待的解決方案包括:
檔案合併
檔案最小化/檔案壓縮
使用CDN託管
快取的使用
16.什麼是語義化的HTML?
直觀的認識標籤 對於搜尋引擎的抓取有好處
17.清除浮動的幾種方式,各自的優缺點
1.使用空標籤清除浮動 clear:both(理論上能清楚任何標籤,增加無意義的標籤)
2.使用overflow:auto(空標籤元素清除浮動而不得不增加無意程式碼的弊端,,使用zoom:1用於相容IE)
3.是用afert偽元素清除浮動(用於非IE瀏覽器)
hack
_marging IE 6
+margin IE 7
Marging:0 auto 9 所有Ie
Margin