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

　　很多人在網(wǎng)上看到傳智播客整理的關(guān)于web前端考試試題以及答案的內(nèi)容，其實(shí)考試題目也是一種修行，看多了其實(shí)也就會(huì)了、下面來看看傳智播客整理的關(guān)于web前端面試試題及答案吧。
       1. 如何顯示/隱藏一個(gè)DOM元素?
　　更改元素的css style，設(shè)為display: none。此外還可以將visibility設(shè)為hidden，透明度設(shè)為0，或長、寬設(shè)為0。
　　2. 一個(gè)定寬網(wǎng)頁在瀏覽器(IE6，IE7，F(xiàn)irefox，IE5)中橫向居中對齊的布局，請寫出主要的HTML標(biāo)簽及CSS。
　　居中
　　3. CSS中margin和padding的區(qū)別
　　margin是外邊距，屬于元素之外，相鄰元素的margin可以融合。
　　padding是內(nèi)邊距，在元素之內(nèi)，相鄰元素的padding不可融合。
　　4. JavaScript中如何檢測一個(gè)變量是一個(gè)String類型?請寫出函數(shù)實(shí)現(xiàn)
　　function(obj) {
　　returntypeof(obj) == ”string”;
　　}
　　5. 網(wǎng)頁中實(shí)現(xiàn)一個(gè)計(jì)算當(dāng)年還剩多少時(shí)間的倒數(shù)計(jì)時(shí)程序，要求網(wǎng)頁上實(shí)時(shí)動(dòng)態(tài)顯示“××年還剩××天××時(shí)××分××秒”
　　6. 如何控制網(wǎng)頁在網(wǎng)絡(luò)傳輸過程中的數(shù)據(jù)量
　　最顯著的方法是啟用GZIP壓縮。此外保持好的編碼習(xí)慣，避免重復(fù)和css、JavaScript代碼，多余的HTML標(biāo)簽和屬性。
　　7. 補(bǔ)充代碼，是鼠標(biāo)單擊后Button1到Button2的后面
　　var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this);
　　8. Linux中，將a、b打包為back.tar，命令是( )
　　9. Flash、Ajax各自的優(yōu)缺點(diǎn)，在使用中如何取舍?
　　Flash的缺點(diǎn)是需要客戶端安裝Flash插件，比較大，且更改了默認(rèn)的HTML頁面行為;但可以方便地實(shí)現(xiàn)很多特效及動(dòng)畫，且具有較高權(quán)限。
　　Ajax的缺點(diǎn)是編程較為復(fù)雜，需要服務(wù)器端的支持，能實(shí)現(xiàn)的效果只能是DOM API提供的，權(quán)限很低，較難跨域;但可以顯著加快頁面的載入速度和用戶體驗(yàn)。
　　此外，二者都不能被搜索引擎索引(Google已支持Flash文本的索引)，不利于SEO。
　　建議:重要和關(guān)鍵部分直接用HTML，交互部分可以使用Ajax，復(fù)雜的動(dòng)畫可采用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、動(dòng)態(tài)打印時(shí)間，格式為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)頁運(yùn)行性能?20分
　　8、linux下刪除當(dāng)前目錄下擴(kuò)展名為c的文件(如a.c，b.c)5分
　　rm–r *.c
　　find. -name “*.doc” -type f -exec cp {} /tmp/doc \;找到當(dāng)前目錄(.)下擴(kuò)展名為(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ū)ο蟊灰肓?，但它?shí)質(zhì)上是動(dòng)態(tài)腳本語言，雖然已經(jīng)有了類的概念和class關(guān)鍵字，但對象支持還是基于類似JavaScript的prototype機(jī)制——動(dòng)態(tài)繼承。
　　3.0同時(shí)支持靜態(tài)類型，即基于類的繼承方式;以及動(dòng)態(tài)類型，即基于prototype的繼承方式。推薦用靜態(tài)類型。
　　10、Flash、Ajax各自的優(yōu)缺點(diǎn)，在使用中如何取舍?10分
　　1、Flashajax對比
　　Flash適合處理多媒體、矢量圖形、訪問機(jī)器;對CSS、處理文本上不足，不容易被搜索。
　　Ajax對CSS、文本支持很好，支持搜索;多媒體、矢量圖形、機(jī)器訪問不足。
　　共同點(diǎn)：與服務(wù)器的無刷新傳遞消息、用戶離線和在線狀態(tài)、操作DOM
　　2、項(xiàng)目中遇到什么問題?如何解決?

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