百度Html 5開發(fā)面試題
一、網(wǎng)友提問：我是一家上市公司，如何找到靠譜不貴的H5供應(yīng)商?
陶老師：隨著微信、微博、LinkedIn乃至Facebook和Twitter，紛紛對(duì)H5分享的友好支持，企業(yè)對(duì)H5的需求也與日俱增，最近也有好多企業(yè)找到博看文思要求定制化H5的開發(fā)。事實(shí)上，隨著技術(shù)的成熟，和各種H5工具的出現(xiàn)，H5制作已經(jīng)逐漸走向標(biāo)準(zhǔn)化了，成本問題也隨之一些工具的出現(xiàn)有了極大的改善。想要找到千萬級(jí)PV的H5也是有一定規(guī)律的。
如果你預(yù)算和時(shí)間充足的話，我推薦你關(guān)注BlueMP的定制開發(fā)服務(wù)。不單單有你所需要的：策劃、設(shè)計(jì)、開發(fā)、推廣、監(jiān)測等服務(wù)，更重要的是物超所值。有興趣的朋友可以關(guān)注一下。
二、網(wǎng)友提問：我是平面設(shè)計(jì)，之前沒有接觸過編程可以學(xué)習(xí)HTML5開發(fā)嗎?
陶老師：完全沒有問題，有平面設(shè)計(jì)的基礎(chǔ)，對(duì)學(xué)習(xí)HTML5有很大幫助的。眾所周知，博看文思作為國內(nèi)最早的HTML5研發(fā)和實(shí)訓(xùn)機(jī)構(gòu)，在課程體系上保持著實(shí)時(shí)更新。在課程設(shè)置上，本課程從HTML 5基礎(chǔ)的功能講起，起點(diǎn)低，容易入手和掌握。理論與真實(shí)項(xiàng)目完整結(jié)合，每一個(gè)概念都精選了一個(gè)完整的實(shí)例，增強(qiáng)學(xué)員動(dòng)手能力，從而保證學(xué)員成為一名合格的HTML5開發(fā)工程師。
三、網(wǎng)友提問：如何使用HTML5改進(jìn)移動(dòng)Web應(yīng)用開發(fā)?
陶老師：HTML5是一種標(biāo)記語言，與Java和CSS3一起，構(gòu)成了每個(gè)開發(fā)者的核心技術(shù)，HTML5擁有自己的API以及一組被主流瀏覽器兼容的標(biāo)準(zhǔn)API，同時(shí)一些特殊被API，比如本地存儲(chǔ)也被許多瀏覽器支持。想要改進(jìn)移動(dòng)Web應(yīng)用的開發(fā)重點(diǎn)要關(guān)注兼容性。主要是屏幕的尺寸和分辨率，更重要的是，要在各種尺寸的屏幕上測試。檢查圖片是否被現(xiàn)實(shí);是否可以橫向滾動(dòng);是否所有的功能都可以工作;是否支持所有格式的文件;需要全面的檢查你的網(wǎng)站，確保使用HTML5開發(fā)的移動(dòng)網(wǎng)站獲得完美的效果。盡量避免使用表格、隱藏圖形、彈出窗口等內(nèi)容。
四、網(wǎng)友提問：我去美團(tuán)面試前端遇到一個(gè)面試題：“ajax在jquery的底層是怎么實(shí)現(xiàn)的呢?請(qǐng)指教。”
陶老師： jQuery底層是實(shí)現(xiàn)ajax功能時(shí)，也同樣調(diào)用了Java中對(duì)象，先是對(duì)這個(gè)對(duì)象進(jìn)行瀏覽器兼容性的處理，它的處理則不僅是IE和其他瀏覽器，而是包含更多，以確保該對(duì)象的實(shí)現(xiàn)。
其次，它將對(duì)象打開請(qǐng)求地址時(shí)的相關(guān)參數(shù)封裝在相關(guān)函數(shù)(如ajax())的配置項(xiàng)中，一旦傳入了必需選項(xiàng)，則直接調(diào)用相應(yīng)的send()方法進(jìn)行數(shù)據(jù)的請(qǐng)求。
最后，jQuery底層將對(duì)象請(qǐng)求后返回的數(shù)據(jù)結(jié)果，直接封裝到相關(guān)函數(shù)的success方法中，所以，一旦異步請(qǐng)求成功，返回的數(shù)據(jù)對(duì)象直接注入到方法中，因此，可以調(diào)用success方法獲取服務(wù)端返回的數(shù)據(jù)。
五、網(wǎng)友提問：百度的技術(shù)經(jīng)理要我列舉至少5種前端性能優(yōu)化的具體方法，簡要說明理由，想聽聽老師的建議。
陶老師：方法有很多種，請(qǐng)參考。
1.盡量減少對(duì)服務(wù)端的數(shù)據(jù)請(qǐng)求，因?yàn)槊恳淮蔚恼?qǐng)求需要消耗大量的資源，而且產(chǎn)生頁面的等待，對(duì)用戶的`UI體驗(yàn)特別差，因此，可以將多次的數(shù)據(jù)請(qǐng)求合成為一次，獲取后再次分割進(jìn)行保存，然后再使用。
2.對(duì)JS、CSS、圖片文件的體積進(jìn)行相應(yīng)的壓縮，因?yàn)槊看雾撁娴募虞d都需要考慮到整體頁面的大小，如果頁面包含的文件體積太大，也不利于主頁面加載的速度，用戶在UI體驗(yàn)上也會(huì)大打折扣。
3.使用頁面緩存，當(dāng)展示一些不經(jīng)常變動(dòng)的數(shù)據(jù)時(shí)，可以直接使用頁面的本地緩存對(duì)象，這樣的話減少頁面對(duì)服務(wù)端的依賴度，而且有利于頁面加載的速度，極大優(yōu)化了用戶的UI體驗(yàn)。
4.在進(jìn)行js文件調(diào)用時(shí)，盡量將該文件放置在元素的結(jié)尾處，這樣的話即使導(dǎo)入的js文件體積很大，也不會(huì)阻塞主線程頁面的加載。
5.啟用服務(wù)器Gzip，網(wǎng)頁壓縮技術(shù):啟用服務(wù)器Gzip，對(duì)頁面Gzip壓縮，減少元素的體積，從而減少數(shù)據(jù)的傳輸，進(jìn)而提高網(wǎng)頁的加載速度。
【百度Html 5開發(fā)面試題】相關(guān)文章：
解析百度HTML5開發(fā)面試題02-15
HTML前端開發(fā)面試題及前端知識(shí)10-04
百度android開發(fā)面試題05-20
百度java開發(fā)面試題06-21
百度Android開發(fā)工程師面試題（完整版）02-07
百度算法面試題01-31
百度php面試題02-11