解析百度HTML5開發(fā)面試題

　　以下是陶老師針對網(wǎng)友關(guān)心問題，做出的精彩解答

　　一、網(wǎng)友提問：我是一家上市公司，如何找到靠譜不貴的H5供應(yīng)商?

　　陶老師：隨著微信、微博、LinkedIn乃至Facebook和Twitter，紛紛對H5分享的友好支持，企業(yè)對H5的需求也與日俱增，最近也有好多企業(yè)找到博看文思要求定制化H5的開發(fā)。事實上，隨著技術(shù)的成熟，和各種H5工具的出現(xiàn)，H5制作已經(jīng)逐漸走向標(biāo)準(zhǔn)化了，成本問題也隨之一些工具的出現(xiàn)有了極大的改善。想要找到千萬級PV的H5也是有一定規(guī)律的。

　　如果你預(yù)算和時間充足的話，我推薦你關(guān)注BlueMP的定制開發(fā)服務(wù)。不單單有你所需要的：策劃、設(shè)計、開發(fā)、推廣、監(jiān)測等服務(wù)，更重要的是物超所值。有興趣的朋友可以關(guān)注一下。

　　二、網(wǎng)友提問：我是平面設(shè)計，之前沒有接觸過編程可以學(xué)習(xí)HTML5開發(fā)嗎?

　　陶老師：完全沒有問題，有平面設(shè)計的基礎(chǔ)，對學(xué)習(xí)HTML5有很大幫助的。眾所周知，博看文思作為國內(nèi)最早的HTML5研發(fā)和實訓(xùn)機構(gòu)，在課程體系上保持著實時更新。在課程設(shè)置上，本課程從HTML 5基礎(chǔ)的.功能講起，起點低，容易入手和掌握。理論與真實項目完整結(jié)合，每一個概念都精選了一個完整的實例，增強學(xué)員動手能力，從而保證學(xué)員成為一名合格的HTML5開發(fā)工程師。

　　三、網(wǎng)友提問：如何使用HTML5改進移動Web應(yīng)用開發(fā)?

　　陶老師：HTML5是一種標(biāo)記語言，與Java和CSS3一起，構(gòu)成了每個開發(fā)者的核心技術(shù)，HTML5擁有自己的API以及一組被主流瀏覽器兼容的標(biāo)準(zhǔn)API，同時一些特殊被API，比如本地存儲也被許多瀏覽器支持。想要改進移動Web應(yīng)用的開發(fā)重點要關(guān)注兼容性。主要是屏幕的尺寸和分辨率，更重要的是，要在各種尺寸的屏幕上測試。檢查圖片是否被現(xiàn)實;是否可以橫向滾動;是否所有的功能都可以工作;是否支持所有格式的文件;需要全面的檢查你的網(wǎng)站，確保使用HTML5開發(fā)的移動網(wǎng)站獲得完美的效果。盡量避免使用表格、隱藏圖形、彈出窗口等內(nèi)容。

　　四、網(wǎng)友提問：我去美團面試前端遇到一個面試題：“ajax在jquery的底層是怎么實現(xiàn)的呢?請指教。”

　　陶老師： jQuery底層是實現(xiàn)ajax功能時，也同樣調(diào)用了Java中對象，先是對這個對象進行瀏覽器兼容性的處理，它的處理則不僅是IE和其他瀏覽器，而是包含更多，以確保該對象的實現(xiàn)。

　　其次，它將對象打開請求地址時的相關(guān)參數(shù)封裝在相關(guān)函數(shù)(如ajax())的配置項中，一旦傳入了必需選項，則直接調(diào)用相應(yīng)的send()方法進行數(shù)據(jù)的請求。

　　最后，jQuery底層將對象請求后返回的數(shù)據(jù)結(jié)果，直接封裝到相關(guān)函數(shù)的success方法中，所以，一旦異步請求成功，返回的數(shù)據(jù)對象直接注入到方法中，因此，可以調(diào)用success方法獲取服務(wù)端返回的數(shù)據(jù)。

　　五、網(wǎng)友提問：百度的技術(shù)經(jīng)理要我列舉至少5種前端性能優(yōu)化的具體方法，簡要說明理由，想聽聽老師的建議。

　　陶老師：方法有很多種，請參考。

　　1.盡量減少對服務(wù)端的數(shù)據(jù)請求，因為每一次的請求需要消耗大量的資源，而且產(chǎn)生頁面的等待，對用戶的UI體驗特別差，因此，可以將多次的數(shù)據(jù)請求合成為一次，獲取后再次分割進行保存，然后再使用。

　　2.對JS、CSS、圖片文件的體積進行相應(yīng)的壓縮，因為每次頁面的加載都需要考慮到整體頁面的大小，如果頁面包含的文件體積太大，也不利于主頁面加載的速度，用戶在UI體驗上也會大打折扣。

　　3.使用頁面緩存，當(dāng)展示一些不經(jīng)常變動的數(shù)據(jù)時，可以直接使用頁面的本地緩存對象，這樣的話減少頁面對服務(wù)端的依賴度，而且有利于頁面加載的速度，極大優(yōu)化了用戶的UI體驗。

　　4.在進行js文件調(diào)用時，盡量將該文件放置在元素的結(jié)尾處，這樣的話即使導(dǎo)入的js文件體積很大，也不會阻塞主線程頁面的加載。

　　5.啟用服務(wù)器Gzip，網(wǎng)頁壓縮技術(shù):啟用服務(wù)器Gzip，對頁面Gzip壓縮，減少元素的體積，從而減少數(shù)據(jù)的傳輸，進而提高網(wǎng)頁的加載速度。