Web前端面試試題及答案（筆試部分）

　　很多人在網(wǎng)上看到傳智播客整理的關(guān)于web前端考試試題以及答案的內(nèi)容，其實考試題目也是一種修行，看多了其實也就會了、下面來看看傳智播客整理的關(guān)于web前端面試試題及答案吧。
       1. 如何顯示/隱藏一個DOM元素?
　　更改元素的css style，設(shè)為display: none。此外還可以將visibility設(shè)為hidden，透明度設(shè)為0，或長、寬設(shè)為0。
　　2. 一個定寬網(wǎng)頁在瀏覽器(IE6，IE7，F(xiàn)irefox，IE5)中橫向居中對齊的布局，請寫出主要的HTML標簽及CSS。
　　居中
　　3. CSS中margin和padding的區(qū)別
　　margin是外邊距，屬于元素之外，相鄰元素的margin可以融合。
　　padding是內(nèi)邊距，在元素之內(nèi)，相鄰元素的padding不可融合。
　　4. JavaScript中如何檢測一個變量是一個String類型?請寫出函數(shù)實現(xiàn)
　　function(obj) {
　　returntypeof(obj) == ”string”;
　　}
　　5. 網(wǎng)頁中實現(xiàn)一個計算當年還剩多少時間的倒數(shù)計時程序，要求網(wǎng)頁上實時動態(tài)顯示“××年還剩××天××時××分××秒”
　　6. 如何控制網(wǎng)頁在網(wǎng)絡(luò)傳輸過程中的數(shù)據(jù)量
　　最顯著的方法是啟用GZIP壓縮。此外保持好的編碼習慣，避免重復(fù)和css、JavaScript代碼，多余的HTML標簽和屬性。
　　7. 補充代碼，是鼠標單擊后Button1到Button2的后面
　　var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this);
　　8. Linux中，將a、b打包為back.tar，命令是( )
　　9. Flash、Ajax各自的優(yōu)缺點，在使用中如何取舍?
　　Flash的缺點是需要客戶端安裝Flash插件，比較大，且更改了默認的HTML頁面行為;但可以方便地實現(xiàn)很多特效及動畫，且具有較高權(quán)限。
　　Ajax的缺點是編程較為復(fù)雜，需要服務(wù)器端的支持，能實現(xiàn)的效果只能是DOM API提供的，權(quán)限很低，較難跨域;但可以顯著加快頁面的載入速度和用戶體驗。
　　此外，二者都不能被搜索引擎索引(Google已支持Flash文本的索引)，不利于SEO。
　　建議:重要和關(guān)鍵部分直接用HTML，交互部分可以使用Ajax，復(fù)雜的動畫可采用Flash。
　　百度筆試題
　　1、JS主要數(shù)據(jù)類型?5分
　　答：主要的類型有number、string、object 以及 Boolean 類型,其他兩種類型為 null 和 undefined。
　　2、img的alt和title的異同?10分
　　答：title屬性為設(shè)置該屬性的元素提供建議性的信息。比如為鏈接添加描述性文字。
　　為不能顯示圖像、窗體或applets的用戶代理(UA)，alt屬性用來指定替換文字。使用alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明。
　　3、CSS的JS調(diào)用?如font-family, -moz-border-radius 10分
　　答：fontFamily、MozBorderRadius
　　4、CSS布局：兩列，左邊寬度自適應(yīng)，右邊寬度固定200px 15分
　　#box1{width:100%;height:600px;position:relative;}
　　#left1{margin-right:200px;border:1px solid red;height:100%;}
　　#right1{width:200px;height:100%;position:absolute;top:0px;right:0px;border:1px solid blue;}
　　5、js對象的深度克隆?20分
　　Object.prototype.deepClone=function(){
　　function cloneObj(){}
　　cloneObj.prototype=this;
　　var obj=new cloneObj();
　　for(var o in obj){
　　if(typeof(obj[o])=="object")obj[o]=obj[o].deepClone();
　　} return obj;
　　}
　　6、動態(tài)打印時間，格式為yyyy-MM-dd hh:mm:ss? 15分
　　function printTime(){
　　var timer1=new Date();
　　var timer=timer1.toLocaleString();
　　timer=timer.replace(/[年月]/g,"-");
　　timer=timer.replace(/日/,"");
　　time.innerHTML=timer;
　　}setInterval("printTime()",1000);
　　7、如何提高網(wǎng)頁運行性能?20分
　　8、linux下刪除當前目錄下擴展名為c的文件(如a.c，b.c)5分
　　rm–r *.c
　　find. -name “*.doc” -type f -exec cp {} /tmp/doc \;找到當前目錄(.)下擴展名為(doc)的文件并拷貝到指定目錄【注意-type f 指普通文件，-exec ls-l{}列出文件，最后加上\】
　　cp[options] source dest 復(fù)制
　　9、flash as2.0和flash as3.0在面向?qū)ο蠓矫娴漠愅?10分
　　答：面向?qū)ο蠓矫妫?.0像javascript，3.0像java。
　　到了 AS 2.0,面向?qū)ο蟊灰肓耍鼘嵸|(zhì)上是動態(tài)腳本語言，雖然已經(jīng)有了類的概念和class關(guān)鍵字，但對象支持還是基于類似JavaScript的prototype機制——動態(tài)繼承。
　　3.0同時支持靜態(tài)類型，即基于類的繼承方式;以及動態(tài)類型，即基于prototype的繼承方式。推薦用靜態(tài)類型。
　　10、Flash、Ajax各自的優(yōu)缺點，在使用中如何取舍?10分
　　1、Flashajax對比
　　Flash適合處理多媒體、矢量圖形、訪問機器;對CSS、處理文本上不足，不容易被搜索。
　　Ajax對CSS、文本支持很好，支持搜索;多媒體、矢量圖形、機器訪問不足。
　　共同點：與服務(wù)器的無刷新傳遞消息、用戶離線和在線狀態(tài)、操作DOM
　　2、項目中遇到什么問題?如何解決?

      拓展閱讀：
       最新Web前端開發(fā)面試題及參考答案
　　70道web前端開發(fā)面試題（2018版含答案）
　　傳智播客整理的2018web前端開發(fā)最新面試試題（含答案）
　　2018最新web前端面試題附答案
　　web前端面試試題（html）（附答案）
　　傳智播客整理的web前端JavaScript面試試題（附答案）
　　web前端面試題（匯總）