web前端面試題及答案_web前端面試題及詳細答案

　　無論是身處學校還是步入社會，我們最離不開的就是試題了，借助試題可以更好地考核參考者的知識才能。你所見過的試題是什么樣的呢？下面是小編精心整理的web前端面試題及答案_web前端面試題及詳細答案，僅供參考，大家一起來看看吧。

　　1、對WEB標準以及W3C的理解與認識

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

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

　　HTML是一種基本的WEB網(wǎng)頁設(shè)計語言，XHTML是一個基于XML的置標語言

　　最主要的不同：

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

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

　　標簽名必須用小寫字母。

　　XHTML文檔必須擁有根元素。

　　3、Doctype？嚴格模式與混雜模式—如何觸發(fā)這兩種模式，區(qū)分它們有何意義？

　　用于聲明文檔使用那種規(guī)范（html/Xhtml）一般為嚴格過度基于框架的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)嵌外鏈導入

　　區(qū)別：同時加載

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

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

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

　　標簽選擇符類選擇符id選擇符

　　繼承不如指定Id>class>標簽選擇

　　后者優(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）

　　11、標簽上title與alt屬性的區(qū)別是什么？

　　Alt當圖片不顯示是用文字代表。

　　Title為該屬性提供信息

　　12、描述css reset的作用和用途。

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

　　13、解釋css sprites，如何使用。

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

　　14、瀏覽器標準模式和怪異模式之間的區(qū)別是什么？

　　盒子模型渲染模式的不同

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

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

　　文件合并

　　文件最小化/文件壓縮

　　使用CDN托管

　　緩存的使用

　　16、什么是語義化的HTML？

　　直觀的認識標簽對于搜索引擎的抓取有好處

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

　　1、使用空標簽清除浮動clear：both（理論上能清楚任何標簽，增加無意義的標簽）

　　2、使用overflow：auto（空標簽元素清除浮動而不得不增加無意代碼的弊端，使用zoom：1用于兼容IE）

　　3、是用afert偽元素清除浮動（用于非IE瀏覽器）

　　18、舉出3個HTML5 / CSS3特效的例子

　　圓角，陰影，放大/縮小，轉(zhuǎn)動等

　　Javascript

　　1、javascript的[返回哪些數(shù)據(jù)類型

　　Object number function boolean underfind

　　2、函數(shù)的幾種定義方法

　　function a（）{}，var a = function（）{}

　　3、在javascript中，以聲明變量名的規(guī)則

　　1、變量名是嚴格區(qū)別分小寫的，如變量abc和ABC是兩個變量，可以在程序分別對其進行聲明，賦值和引用。

　　2、js中變量名必須以字母，其余可以包括數(shù)字，字符和_，如temp，abc，exmple2就是合法的變量名。

　　3、不能引用javascript中的關(guān)鍵字作為變量，在javascript中定義了40多個關(guān)鍵字，這些關(guān)鍵字都是是javascript內(nèi)部使用的，不能作為變量的名稱，如var，true，int等不能作為變量名使用。

　　4、document load和document ready的區(qū)別

　　Document。onload是在結(jié)構(gòu)和樣式加載完才執(zhí)行js

　　Document。ready原生種沒有這個方法，jquery中有$（）。ready（function）

　　5、使用JQ插入刪除替換到某個節(jié)點的常用方法

　　插入：append（），prepend（），after（）等等

　　刪除：remove（），detach（）和empty（）

　　替換：replaceWith（）和replaceAll（）

【web前端面試題及答案_web前端面試題及詳細答案】相關(guān)文章：

Web前端面試題目及答案09-26

web前端面試題02-22

前端面試題庫及答案09-25

web前端自我介紹07-04

web前端開發(fā)求職簡歷01-18

Web前端工作總結(jié)02-08

web前端面試技巧07-19

web前端開發(fā)的自我評價簡歷模板07-18

web前端開發(fā)求職簡歷4篇01-18