百度web前端開發筆試題

時間：2020-11-20 14:45:55 筆試題目我要投稿

百度2010web前端開發筆試題

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

百度2010web前端開發筆試題

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>居中</title>
<style type=”text/css”>
body {width: 600px}
html, body {margin: auto; padding: 0}
div.wrap {text-align:center; margin: 0; padding: 0}
</style>
</head>
<body>
<div class=”wrap”>居中</div>
</body>
</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 = this.parentNode; parent.removeChild(this); parent.appendChild(this);
8.    Linux中，將a、b打包為back.tar，命令是（  ）
不知道＝。＝
9.    Flash、Ajax各自的優缺點，在使用中如何取舍？
Flash的缺點是需要客戶端安裝Flash插件，比較大，且更改了默認的HTML頁面行為；但可以方便地實現很多特效及動畫，且具有較高權限。
Ajax的缺點是編程較為復雜，需要服務器端的支持，能實現的效果只能是DOM API提供的，權限很低，較難跨域；但可以顯著加快頁面的載入速度和用戶體驗。
此外，二者都不能被搜索引擎索引（Google已支持Flash文本的索引），不利于SEO。
我的建議是重要和關鍵部分直接用HTML，交互部分可以使用Ajax，復雜的動畫可采用Flash。

【百度2010web前端開發筆試題】相關文章：

百度實習生web前端開發工程師的面試經歷12-12

最新前端開發筆試題（題目列表+答案完整版）12-06

筆試百度的前端工程師經歷12-06

web前端開發崗位職責范文06-16

芒果Web前端開發的面試經歷12-12