資源描述:
《2016年web前端面試題目匯總》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、最新前端開(kāi)發(fā)工程師面試題——HTML部分 1、Doctype作用?嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義? ?。?)、聲明位于文檔中的最前面,處于標(biāo)簽之前。告知瀏覽器的解析器,用什么文檔類型規(guī)范來(lái)解析這個(gè)文檔。? ?。?)、嚴(yán)格模式的排版和JS運(yùn)作模式是??以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行?! 。?)、在混雜模式中,頁(yè)面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。 (4)、DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。 2、行內(nèi)元素有哪些?塊級(jí)元素有哪些?? ?。?)CSS規(guī)范規(guī)定
2、,每個(gè)元素都有display屬性,確定該元素的類型,每個(gè)元素都有默認(rèn)的display值,??比如div默認(rèn)display屬性值為“block”,成為“塊級(jí)”元素;??span默認(rèn)display屬性值為“inline”,是“行內(nèi)”元素。?? (2)行內(nèi)元素有:abspanimginputselectstrong(強(qiáng)調(diào)的語(yǔ)氣)??塊級(jí)元素有:divulollidldtddh1h2h3h4…p?? 3、link和@import的區(qū)別是? ?。?)link屬于XHTML標(biāo)簽,而@import是CSS提供的;yearsmort
3、gagehousing;4.mortgageregistrationformalitiesarecompleted.(D)pledge1.borrower(includingthepledgor)between18-65yearsofage,withfullcivilcapacity;2.collateral ?。?)頁(yè)面被加載的時(shí),link會(huì)同時(shí)被加載,而@import引用的CSS會(huì)等到頁(yè)面被加載完再加載; (3)import只在IE5以上才能識(shí)別,而link是XHTML標(biāo)簽,無(wú)兼容問(wèn)題; ?。?)link方式的樣式
4、的權(quán)重高于@import的權(quán)重.? 4、瀏覽器的內(nèi)核分別是什么? IE瀏覽器的內(nèi)核Trident、Mozilla的Gecko、Chrome的Blink(WebKit的分支)、Opera內(nèi)核原為Presto,現(xiàn)為Blink; 5、HTML5有哪些新特性?如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題?如何區(qū)分HTML和HTML5? HTML5現(xiàn)在已經(jīng)不是SGML的子集,主要是關(guān)于圖像,位置,存儲(chǔ),多任務(wù)等功能的增加?! ±L畫(huà)canvas????用于媒介回放的video和audio元素??本地離線存儲(chǔ)localStora
5、ge長(zhǎng)期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;??sessionStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除??語(yǔ)意化更好的內(nèi)容元素,比如article、footer、header、nav、section??表單控件,calendar、date、time、email、url、search????新的技術(shù)webworker,websockt,Geolocation 6、對(duì)語(yǔ)義化如何理解?yearsmortgagehousing;4.mortgageregistrationformalitiesarecompleted.(D)p
6、ledge1.borrower(includingthepledgor)between18-65yearsofage,withfullcivilcapacity;2.collateral 用正確的標(biāo)簽做正確的事情! HTML語(yǔ)義化就是讓頁(yè)面的內(nèi)容結(jié)構(gòu)化,便于對(duì)瀏覽器、搜索引擎解析;在沒(méi)有樣式CCS情況下也以一種文檔格式顯示,并且是容易閱讀的。搜索引擎的爬蟲(chóng)依賴于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重,利于SEO。使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊,便于閱讀維護(hù)理解?! ?、HTML5的離線儲(chǔ)存有幾種方式? loca
7、lStorage長(zhǎng)期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessionStorage??數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除。 8、iframe有那些缺點(diǎn)? iframe會(huì)阻塞主頁(yè)面的Onload事件; iframe和主頁(yè)面共享連接池,而瀏覽器對(duì)相同域的連接有限制,所以會(huì)影響頁(yè)面的并行加載。使用iframe之前需要考慮這兩個(gè)缺點(diǎn)。如果需要使用iframe,最好是通過(guò)javascript動(dòng)態(tài)給iframe添加src屬性值,這樣可以可以繞開(kāi)以上兩個(gè)問(wèn)題?! ?、請(qǐng)描述一下cookies,sessionStorage和localSt
8、orage的區(qū)別?cookie在瀏覽器和服務(wù)器間來(lái)回傳遞。sessionStorage和localStorage不會(huì)sessionStorage和localStorage的存儲(chǔ)空間更大;sessionStorage和localStorage有更多豐富易用的接口;sessionStorage和localStorage各