Web前端開(kāi)發(fā)面試題賦答案

1、最新資料，word文檔，可以自由編輯！ ！【本頁(yè)是封面，下載后可以刪除！】Web前端開(kāi)發(fā)面試題賦答案第一部分：用CSS實(shí)現(xiàn)布局讓我們一起來(lái)做一個(gè)頁(yè)面首先，我們需要一個(gè)布局。請(qǐng)使用CSS控制3個(gè)div，實(shí)現(xiàn)如下圖的布局。第二部分：用javascri pt 優(yōu)化布局由于我們的用戶群喜歡放大看頁(yè)面于是我們給上一題的布局做一次優(yōu)化。當(dāng)鼠標(biāo)略過(guò)某個(gè)區(qū)塊的時(shí)候，該區(qū)塊會(huì)放大25%并且其他的區(qū)塊仍然固定不動(dòng)。當(dāng)鼠標(biāo)略過(guò)A區(qū).A區(qū)被放大, BC區(qū)塊在原來(lái)位置不變提示：也許，我們其他的布局也會(huì)用到這個(gè)放大的效果哦。可以使用任何開(kāi)源代碼，包括曾經(jīng)你自己寫的。關(guān)鍵字： javascript 、封裝、復(fù)用 第三部分：

2、處理緊急情況 好了，我們的頁(yè)面完成了。 于是我們將頁(yè)面發(fā)布上網(wǎng)。 突然，晴天霹靂，頁(yè)面無(wú)法訪問(wèn)了，這時(shí)候，你會(huì)怎么做？ 面試題到此為止，你是否能夠?qū)Υ鹑缌髂兀屑?xì)想一下，然后在翻頁(yè)看一下答案。 答案部分第一題：主要考慮幾個(gè)問(wèn)題： 1. IE6 的 3 像素 BUG；2. 清楚浮動(dòng)； CSS代 碼：div background :#CCCCCC; #first float :left; width :100px; height :150px#second clear#thirdzoom:1;:left; float :left; margin-top :10px; width :100px; h

3、eight :150pxwidth :200px; margin-left :110px; _margin-left :107px; height :310p xXML/HTM代 碼<divid ="first"></div><divid ="second"></div><divid ="third"></div>優(yōu)化布局第二題：用 javascript 提示： 也許，我們其他的布局也會(huì)用到這個(gè)放大的效果哦。 可以使用任何開(kāi)源代碼，包括曾經(jīng)你自己寫的。 關(guān)鍵字：

4、javascript 、封裝、復(fù)用 慚愧啊，用上邊那個(gè)布局我怎么也沒(méi)把它優(yōu)化出來(lái)，硬這頭皮用絕對(duì)定位改了布局； 所以樣式改成了這樣： body margin:0; padding:0 divbackground:#CCCCCC; position:absolute #firstwidth:100px; height:150px #secondtop:160px;width:100px;height:150px #third width:200px; height:310px; left:110pxfunction zoom(id,x,y) 縮放時(shí)也可以設(shè)定一個(gè)參數(shù))javascript 要考慮

5、封裝、復(fù)用/ 獲取元素對(duì)象值/ 設(shè)置縮放函數(shù)參數(shù)：容器 id 、橫向縮放倍數(shù)、縱向縮放倍數(shù)(等比例var obj=document.getElementById(id);var dW=obj.clientWidth;/獲取元素寬度獲取元素高度/var dH=obj.clientHeight;/var oTop=obj.offsetTop;/var oLeft=obj.offsetLeft;obj.onmouseover= function()/鼠標(biāo)移入this.style.width=dW*x+"px"/橫向縮放this.style.height=dH*y+"px"/縱向縮放thisthis.style.backgroundColor="#f00/ 設(shè)置rr/ 設(shè)置調(diào)試背景.style.zIndex=1;z 軸優(yōu)先obj.onmouseout=function () / 鼠標(biāo)移出，設(shè)回默認(rèn)值this.style.width=HHthis.style.height=HHthisthis.style.padding=.style.backgroundColor=HHHHthis.style.zIndex=HHzoom("first",1.25,1.25);zoom("second&qu