第一篇：前端面試題
1.自我評(píng)價(jià)一下HTML/CSS/JS的掌握情況
2.簡(jiǎn)述HTML經(jīng)常使用的標(biāo)簽和作用。
Div/a/p/span/li/ul/ol/table/tr/td
3.你認(rèn)為最常遇到的兼容Bug有哪些?有哪些問(wèn)題是你認(rèn)為解決起來(lái)最麻煩的?
IE6 PNG
IE6 Fixed
4.塊級(jí)元素和行內(nèi)元素都有哪些? 行內(nèi)元素有哪些特點(diǎn)?
5.介紹所知道的CSS hack技巧(如：_，*，+，9，!important 之類)
6.CSS定位方式有哪些?position屬性的值有哪些?他們之間的區(qū)別是什么?
在CSS中關(guān)于定位的內(nèi)容是：position:relative | absolute | static | fixed
? static 沒(méi)有特別的設(shè)定，遵循基本的定位規(guī)定，不能通過(guò)z-index進(jìn)行層次分級(jí)。? relative 不脫離文檔流，參考自身靜態(tài)位置通過(guò) top,bottom,left,right 定位，并且可以通過(guò)z-index進(jìn)行層次分級(jí)。
? absolute 脫離文檔流，通過(guò) top,bottom,left,right 定位。選53D6其最近的父級(jí)定位元素，當(dāng)父級(jí) position 為 static 時(shí)，absolute元素將以body坐標(biāo)原點(diǎn)進(jìn)行定位，可以通過(guò)z-index進(jìn)行層次分級(jí)。
? fixed 固定定位，這里他所固定的對(duì)像是可視窗口而并非是body或是父級(jí)元素?？赏ㄟ^(guò)z-index進(jìn)行層次分級(jí)。
7.函數(shù)的幾種定義方法
function a(){},var a = function(){}
8.對(duì)象的定義方法
a = new Object(), a = {}
9.類的定義方法（prototype）（繼承）
Var a = function(){}
a.prototype = {}
new a();
10.this 關(guān)鍵字的指向
obj.foo()== obj
foo()== window;
new obj.foo()== obj //方法調(diào)用模式,this指向obj //函數(shù)調(diào)用模式,this指向window //構(gòu)造器調(diào)用模式, this指向新建立對(duì)象
foo.call(obj)== obj;//APPLY調(diào)用模式,this指向obj
11.DOM操作
在
將Body的innerHTML重寫(xiě)和將
12.什么是閉包，及其作用
13.事件綁定的幾種方法，事件冒泡
14.Ajax/json/json0070
15.異步ajax的優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
? 相對(duì)于同步ajax：不會(huì)造成UI卡死，用戶體驗(yàn)好。
? 相對(duì)于刷新頁(yè)面，省流量
缺點(diǎn)：
? 后退按鈕無(wú)效；
? 多個(gè)請(qǐng)求同時(shí)觸發(fā)時(shí)，由于回調(diào)時(shí)間不確定，會(huì)造成混亂，避免這種混亂需
要復(fù)雜的判斷機(jī)制。
? 搜索引擎不友好
? 數(shù)據(jù)安全
16.常用JS框架，是否使用過(guò)jQuery，jQuery的優(yōu)點(diǎn)。17.18.JS用了多久，介紹一下自己做過(guò)的JS項(xiàng)目，19.開(kāi)發(fā)調(diào)試工具和方法（編輯器、瀏覽器
20.類、函數(shù)、對(duì)象（代碼表達(dá)）
21.閉包（setTimeout）（產(chǎn)生兩個(gè)首尾相連的計(jì)時(shí)器）（使用for循環(huán)產(chǎn)生10個(gè)計(jì)時(shí)器）||
22.Jquery Mobile
23.HTML5/CSS3
24.是否聽(tīng)說(shuō)和理解webapp
1.應(yīng)屆
25.在行的語(yǔ)言，優(yōu)缺點(diǎn)
26.介紹項(xiàng)目經(jīng)驗(yàn)，合作開(kāi)發(fā)、獨(dú)立開(kāi)發(fā)
27.編程的重要知識(shí)
28.開(kāi)發(fā)過(guò)程中遇到困難，如何解決。
29.有沒(méi)有個(gè)人/開(kāi)源項(xiàng)目
30.前端開(kāi)發(fā)（HTML/CSS/
31.
第二篇：前端開(kāi)發(fā)面試題及答案
想要應(yīng)聘前端開(kāi)發(fā)的求職者，要做好完成面試題的準(zhǔn)備。下面是由小編分享的前端開(kāi)發(fā)面試題及答案，希望對(duì)你有用。
前端開(kāi)發(fā)面試題及答案
1、對(duì)Web標(biāo)準(zhǔn)以及W3C的理解與認(rèn)識(shí)?
答：標(biāo)簽閉合、標(biāo)簽小寫(xiě)、不亂嵌套、提高搜索機(jī)器人搜索幾率、使用外鏈CSS和JS腳本、結(jié)構(gòu)行為表現(xiàn)的分離、文件下載與頁(yè)面速度更快、內(nèi)容能被更多的用戶所訪問(wèn)、內(nèi)容能被更廣泛的設(shè)備所訪問(wèn)、更少的代碼和組件、容易維護(hù)、改版方便，不需要變動(dòng)頁(yè)面內(nèi)容、提供打印版本而水需要復(fù)制內(nèi)容、提高網(wǎng)站易用性。
2、XHTML和HTML有什么區(qū)別?
答：HTML是一種基本的WEB網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言，XHTML是一個(gè)基于XML的置標(biāo)語(yǔ)言 最主要的不同：
XHTML元素必須被正確地嵌套;
XHTML元素必須被關(guān)閉;
標(biāo)簽名必須用小寫(xiě)字母;
XHTML文檔必須擁有根元素。
3、Doctype?嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義? 答：Doctype用于聲明文檔使用哪種規(guī)范(HTML/XHTML)
該標(biāo)簽可聲明三種DTD類型，分別為嚴(yán)格版本、過(guò)度版本以及基于框架的HTML文檔。
加入XML聲明可觸發(fā)，解析方式更改為IE5.5擁有IE5.5的bug。
4、行內(nèi)元素有哪些?塊級(jí)元素有哪些?CSS的盒模型?
答：行內(nèi)元素：a b br i span input select
塊級(jí)元素：div p h1 h2 h3 h4 form ul
CSS盒模型：內(nèi)容，border margin padding5、CSS引入的方式有哪些?link和@import的區(qū)別是?
答：方式：內(nèi)聯(lián) 內(nèi)嵌 外鏈 導(dǎo)入
區(qū)別：同時(shí)加載
前者無(wú)兼容性，后者CSS2.1以下瀏覽器不支持
Link支持使用javascript 改變樣式，后者不可。
6.CSS選擇符有哪些?哪些屬性可以繼承?優(yōu)先級(jí)算法如何計(jì)算?內(nèi)聯(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ò)?這些瀏覽器的內(nèi)核分別是什么? 答：Ie(Ie內(nèi)核)
火狐(Gecko)
谷歌(webkit)
opear(Presto)
9、img標(biāo)簽上title與 alt屬性的區(qū)別是什么?
答：Alt當(dāng)圖片不顯示時(shí)，用文字代表
Title為該屬性提供信息。
10、描述CSS Reset的作用和用途
答：Reset重置瀏覽器的CSS默認(rèn)屬性 瀏覽器的品種不同，樣式不同，然后重
置，讓他們統(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)證
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ū)別是什么?
盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可顯示為什么模式
15.你如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化?期待的解決方案包括：
文件合并
文件最小化/文件壓縮
使用CDN托管
緩存的使用
16.什么是語(yǔ)義化的HTML?
直觀的認(rèn)識(shí)標(biāo)簽 對(duì)于搜索引擎的抓取有好處
17.清除浮動(dòng)的幾種方式，各自的優(yōu)缺點(diǎn)
1.使用空標(biāo)簽清除浮動(dòng) clear:both(理論上能清楚任何標(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 7
Marging:0 auto 9 所有Ie
Margin