參加web前端面試時，面試者的技術(shù)能力能否給面試官展示呢?在面試回答問題中能否獲全勝了呢?以下是小編幫你們整理的web面試題及答案，一起來學(xué)習(xí)啦。

　　web面試題及答案(一)

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

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

　　2.xhtml和html有什么區(qū)別

　　HTML是一種基本的WEB網(wǎng)頁設(shè)計語言，XHTML是一個基于XML的置標(biāo)語言 最主要的不同：

　　XHTML 元素必須被正確地嵌套。

　　XHTML 元素必須被關(guān)閉。

　　標(biāo)簽名必須用小寫字母。

　　XHTML 文檔必須擁有根元素。

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

　　用于聲明文檔使用那種規(guī)范(html/Xhtml)一般為 嚴(yán)格 過度 基于框架的html文檔 加入XMl聲明可觸發(fā)，解析方式更改為IE5.5 擁有IE5.5的bug

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

　　塊級元素：div p h1 h2 h3 h4 form ul

　　行內(nèi)元素: a b br i span input select

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

　　5.CSS引入的方式有哪些? link和@import的區(qū)別是?

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

　　區(qū)別 ：同時加載

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

　　Link 支持使用javascript改變樣式，后者不可

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

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

　　繼承不如指定 Id>class>標(biāo)簽選擇

　　后者優(yōu)先級高

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

　　結(jié)構(gòu)層 Html 表示層 CSS 行為層 js

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

　　選擇器{屬性1:值1;屬性2:值2;……}

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

　　Ie(Ie內(nèi)核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

　　10.寫出幾種IE6 BUG的解決方法

　　1.雙邊距BUG float引起的 使用display

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

　　3.超鏈接hover 點擊后失效 使用正確的書寫順序 link visited hover active

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

　　5.Png 透明 使用js代碼 改

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

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

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

　　web面試題及答案(二)

　　1.標(biāo)簽上title與alt屬性的區(qū)別是什么?

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

　　Title 為該屬性提供信息

　　2.描述css reset的作用和用途。

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

　　3.解釋css sprites，如何使用。

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

　　4.瀏覽器標(biāo)準(zhǔn)模式和怪異模式之間的區(qū)別是什么?

　　盒子模型 渲染模式的不同

　　使用 window.top.document.compatMode 可顯示為什么模式

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

　　文件合并

　　文件最小化/文件壓縮

　　使用CDN托管

　　緩存的使用

　　6.什么是語義化的HTML?

　　直觀的認識標(biāo)簽 對于搜索引擎的抓取有好處

　　7.清除浮動的幾種方式，各自的優(yōu)缺點

　　1.使用空標(biāo)簽清除浮動 clear:both(理論上能清楚任何標(biāo)簽，，，增加無意義的標(biāo)簽)

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

　　3.是用afert偽元素清除浮動(用于非IE瀏覽器)

　　8、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義?

　　(1)、聲明位于文檔中的最前面，處于標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型規(guī)范來解析這個文檔。

　　(2)、嚴(yán)格模式的排版和 JS 運作模式是 以該瀏覽器支持的最高標(biāo)準(zhǔn)運行。

　　(3)、在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。

　　(4)、DOCTYPE不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。

　　9、行內(nèi)元素有哪些?塊級元素有哪些?

　　(1)CSS規(guī)范規(guī)定，每個元素都有display屬性，確定該元素的類型，每個元素都有默認的display值， 比如div默認display屬性值為“block”，成為“塊級”元素; span默認display屬性值為“inline”，是“行內(nèi)”元素。

　　(2)行內(nèi)元素有：a b span img input select strong(強調(diào)的語氣) 塊級元素有：div ulol li dl dtdd h1 h2 h3 h4…p

　　10、link 和@import 的區(qū)別是?

　　(1)link屬于XHTML標(biāo)簽，而@import是CSS提供的;

　　(2)頁面被加載的時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載;

　　(3)import只在IE5以上才能識別，而link是XHTML標(biāo)簽，無兼容問題;

　　(4)link方式的樣式的權(quán)重高于@import的權(quán)重.

　　11、瀏覽器的內(nèi)核分別是什么?

　　IE瀏覽器的內(nèi)核Trident、Mozilla的Gecko、Chrome的Blink(WebKit的分支)、Opera內(nèi)核原為Presto，現(xiàn)為Blink;

　　12、HTML5有哪些新特性?如何處理HTML5新標(biāo)簽的瀏覽器兼容問題?如何區(qū)分 HTML 和 HTML5?

　　HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲，多任務(wù)等功能的增加。

　　繪畫 canvas 用于媒介回放的 video 和 audio 元素 本地離線存儲 localStorage 長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失; sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除 語意化更好的內(nèi)容元素，比如 article、footer、header、nav、section 表單控件，calendar、date、time、email、url、search 新的技術(shù)webworker, websockt, Geolocation

　　web面試題及答案(三)

　　1.說出Servlet的生命周期，并說出Servlet和CGI的區(qū)別?

　　Web容器加載servlet并將其實例化后，servlet生命周期開始，容器運行其init方法進行servlet的初始化，請求到達時運行其service方法，service方法自動派遣運行于請求對應(yīng)的doXXX方法(doGet,doPost)等，當(dāng)服務(wù)器決定將實例銷毀的時候調(diào)用其destroy方法。與CGI的區(qū)別在與servlet處于服務(wù)器進程中，它通過多線程方式運行其service方法，一個實例可以服務(wù)于多個請求，并且其實例一般不會銷毀，而CGI對每個請求都產(chǎn)生新的進程，服務(wù)完成后就銷毀，所以效率上低于servlet。

　　2.forward和redirect的區(qū)別?

　　forward是容器中控制權(quán)的轉(zhuǎn)向，是服務(wù)器請求資源，服務(wù)器直接訪問目標(biāo)地址的URL，把那個URL的響應(yīng)內(nèi)容讀取過來，然后把這些內(nèi)容再發(fā)給瀏覽器，瀏覽器根本不知道服務(wù)器發(fā)送的內(nèi)容是從哪兒來的，所以它的地址欄中還是原來的地址。

　　redirect就是服務(wù)器端根據(jù)邏輯，發(fā)送一個狀態(tài)碼，告訴瀏覽器重新去請求那個地址，一般來說瀏覽器會用剛才請求的所有參數(shù)重新請求，所以session,request參數(shù)都可以獲取，并且從瀏覽器的地址欄中可以看到跳轉(zhuǎn)后的鏈接地址。

　　前者更加高效，在前者可以滿足需要時，盡量使用forward()方法，也有助于隱藏實際的鏈接;在有些情況下，比如需要跳轉(zhuǎn)到一個其它服務(wù)器上的資源，則必須使用sendRedirect()方法。

　　3.JSP中動態(tài)include與靜態(tài)include的區(qū)別?

　　動態(tài)include用jsp:include動作實現(xiàn)

　　它總是會檢查所包含文件中的變化，適合用于包含動態(tài)頁面，并且可以帶參數(shù);靜態(tài)include用include偽碼實現(xiàn)，它不會檢查所含文件的變化，適用于包含靜態(tài)頁面

　　4.JSP的有哪些內(nèi)置對象，作用分別是什么?

　　request:表示HttpServletRequest對象，它包含了有關(guān)瀏覽器請求的信息，并且提供了幾個用于獲取cookie,header和session數(shù)據(jù)的有用方法;

　　response:表示HttpServletResponse對象，并提供了幾個用于設(shè)置送回瀏覽器的響應(yīng)的方法(如cookies,頭信息等。)

　　pageContext:網(wǎng)頁的屬性在這里管理;

　　session：表示一個請求的javax.servlet.http.HttpSession對象，session可以存儲用戶的狀態(tài)信息;

　　application:表示一個javax.servlet.ServletContext對象，這有助于查找有關(guān)servlet引擎和servlet環(huán)境的信息;

　　out：是javax.jsp.JspWriter的一個實例，并提供了幾個方法使你能用于向瀏覽器回送輸出結(jié)果;

　　config：表示一個javax.servlet.ServletConfig對象，該對象用于存取servlet實例的初始化參數(shù);

　　page：表示從該頁面產(chǎn)生的一個servlet實例;

　　exception：針對錯誤網(wǎng)頁，未捕捉的例外。

　　5.JSP的常用指令?

　　6.JSP有哪些動作，作用分別是什么?

　　JSP共有以下6種基本動作：

　　jsp:include：在頁面被請求的時候引入一個文件;

　　jsp:useBean：尋找或者實例化一個JavaBean;

　　jsp:setProperty：設(shè)置JavaBean的屬性;

　　jsp:getProperty：輸出某個JavaBean的屬性;

　　jsp:forward：把請求轉(zhuǎn)到一個新的頁面;

　　jsp:plugin：根據(jù)瀏覽器類型為Java插件生成object標(biāo)記。

　　7.GET和POST的區(qū)別?

　　form中的get和post方法，在數(shù)據(jù)傳輸過程中分別對應(yīng)了HTTP協(xié)議中的GET和POST方法。二者主要區(qū)別如下：

　　① Get是用來從服務(wù)器上獲得數(shù)據(jù)，而Post是用來向服務(wù)器上傳遞數(shù)據(jù);

　　② Get將表單中數(shù)據(jù)按照variable=value的形式，添加到action所指向的URL后面，并且兩者使用“?”連接，而各個變量之間使用“&”連接;Post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中，按照變量和值相對應(yīng)的方式，傳遞到action所指向URL;

　　③ Get是不安全的，因為在傳輸過程，數(shù)據(jù)被放在請求的URL中;Post的所有操作對用戶來說都是不可見的;

　?、?Get傳輸?shù)臄?shù)據(jù)量小，這主要是因為受URL長度限制;而Post可以傳輸大量的數(shù)據(jù)，所以在上傳文件只能使用Post;

　?、?Get限制form表單的數(shù)據(jù)集必須為ASCII字符，而Post支持整個ISO10646字符集;

　?、?Get是from的默認方法。

　　8.常用的web容器和開發(fā)工具?

　　最常用的容器包含：tomcat、weblogic、

　　開發(fā)工具有：eclipse,jbuilder,JCreator

　　9.JSP和Servlet有哪些相同點和不同點，它們之間的聯(lián)系是什么?

　　Jsp是servlet技術(shù)的擴展，本質(zhì)上是servlet的簡易方式，更強調(diào)應(yīng)用的視圖表達。JSP編譯后是“servlet類”。Servlet和JSP最主要的不同點在于，servlet的應(yīng)用邏輯是在Java文件中，并且完全從表示層中的HTML里分離開來。而JSP的情況是Java和HTML可以組合成一個擴展名為.jsp的文件。JSP側(cè)重于視圖，servlet主要用于控制邏輯。