當前位置:學識都>好好學習>考研>

百度2010web前端開發筆試題

學識都 人氣:1.46W

早就說百度的web題很簡單,但還是沒好友去試試。昨天在malili3302的blog看到了題目,所以就試做了一下,費時18分17秒(我還以爲10分鐘能做完的說)。
嗯,別認爲我的答案就是對的,我也沒去查=。=
1.       如何顯示/隱藏一個DOM元素?
更改元素的css style,設爲display: none。此外還可以將visibility設爲hidden,透明度設爲0,或長、寬設爲0。
2.       一個定寬網頁在瀏覽器(IE6,IE7,Firefox,IE5)中橫向居中對齊的佈局,請寫出主要的HTML標籤及CSS。

百度2010web前端開發筆試題

  1. <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ””>
     
  2. <html xmlns=”” xml:lang=”zh-CN” lang=”zh-CN”>
     
  3. <head>
     
  4. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
     
  5. <title>居中</title>
     
  6. <style type=”text/css”>
     
  7. body {width: 600px}
     
  8. html, body {margin: auto; padding: 0}
     
  9. {text-align:center; margin: 0; padding: 0}
     
  10. </style>
     
  11. </head>
     
  12. <body>
     
  13. <div class=”wrap”>居中</div>
     
  14. </body>
     
  15. </html>
複製代碼

3.       CSS中margin和padding的區別
margin是外邊距,屬於元素之外,相鄰元素的margin可以融合。
padding是內邊距,在元素之內,相鄰元素的padding不可融合。
4.       JavaScript中如何檢測一個變量是一個String類型?請寫出函數實現
function(obj) {
return typeof(obj) == ”string”;
}
5.       網頁中實現一個計算當年還剩多少時間的倒數計時程序,要求網頁上實時動態顯示“××年還剩××天××時××分××秒”
這個看我論壇右上角的就知道了…
6.       如何控制網頁在網絡傳輸過程中的數據量
題目貌似有問題,應該是減少數據量吧。
最顯著的方法是啓用GZIP壓縮。此外保持好的編碼習慣,避免重複和css、JavaScript代碼,多餘的HTML標籤和屬性。
7.       補充代碼,是鼠標單擊後Button1到Button2的`後面
<div>
<input type=”button” id =”button1″ value=”1″ onclick=”???” />
<input type=”button” id =”button2″ value=”2″ />
</div>
var parent = ntNode; veChild(this); ndChild(this);
8.       Linux中,將a、b打包爲,命令是(  )
不知道=。=
9.       Flash、Ajax各自的優缺點,在使用中如何取捨?
Flash的缺點是需要客戶端安裝Flash插件,比較大,且更改了默認的HTML頁面行爲;但可以方便地實現很多特效及動畫,且具有較高權限。
Ajax的缺點是編程較爲複雜,需要服務器端的支持,能實現的效果只能是DOM API提供的,權限很低,較難跨域;但可以顯著加快頁面的載入速度和用戶體驗。
此外,二者都不能被搜索引擎索引(Google已支持Flash文本的索引),不利於SEO。
我的建議是重要和關鍵部分直接用HTML,交互部分可以使用Ajax,複雜的動畫可採用Flash。