HTML5 面試題~經(jīng)驗(二)

//聯(lián)系人:石虎?QQ:1224614774?昵稱:嗡嘛呢叭咪哄

一赦肃、概念

1古今、如何實現(xiàn)瀏覽器內(nèi)多個標(biāo)簽頁之間的通信?

?答案解析:調(diào)用localstorge怎茫、cookies等本地存儲方式

2、IE和DOM事件流的區(qū)別

?1)執(zhí)行順序不一樣

?2)參數(shù)不一樣

?3)事件加不加on

?4)this指向問題

3妓灌、sessionStorage和localStorage的區(qū)別轨蛤,以及cookes和web storage的區(qū)別

答:sessionStorage用于本地存儲一個會話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀虫埂。因此sessionStorage不是一種持久化的本地存儲祥山,僅僅是會話級別的存儲。而localStorage用于持久化的本地存儲掉伏,除非主動刪除數(shù)據(jù)缝呕,否則數(shù)據(jù)是永遠(yuǎn)不會過期的。

4斧散、IE6雙邊距bug:

?塊屬性標(biāo)簽float后供常,又有橫行的 margin 情況下,在 IE6 顯示 margin 比設(shè)置的大鸡捐。

浮動IE產(chǎn)生的雙倍距離 #box{float:left;width:10px;margin:0?0?0?100px;}

這種情況下IE6會產(chǎn)生200px的距離栈暇。

?解決方法:加上_display:inline,使浮動忽略

5箍镜、Doctype作用??嚴(yán)格模式與混雜模式如何區(qū)分源祈?它們有何意義?

答案解析:

?1)聲明位于文檔中的最前面,處于標(biāo)簽之前色迂。告知瀏覽器的解析器香缺,用什么文檔類型規(guī)范來解析這個文檔。

?2)嚴(yán)格模式的排版和JS運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行歇僧。

?3)在混雜模式中赫悄,頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。

?4)DOCTYPE不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)埂淮。

6姑隅、閉包

? ? 由于函數(shù)內(nèi)部定義變量作用域問題,如果外部想用這個內(nèi)部函數(shù)創(chuàng)建的一個變量倔撞;那就需要在這個函數(shù)內(nèi)部在創(chuàng)建一個函數(shù)讲仰,創(chuàng)建的這個函數(shù)相當(dāng)于一個橋梁把內(nèi)部外部函數(shù)的變量拋出,這樣就解決了不能訪問這個變量的問題痪蝇,那這個內(nèi)部函數(shù)就稱為閉包鄙陡。

閉包的特性:

? ? a.函數(shù)內(nèi)再嵌套函數(shù)

? ? b.內(nèi)部函數(shù)可以引用外層的參數(shù)和變量

? ? c.參數(shù)和變量不會被垃圾回收機(jī)制回收

?概括的說,閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù),在本質(zhì)上躏啰,它是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁趁矾。

7、簡述一下你對HTML語義化的理解给僵?

答案解析:

?1)用正確的標(biāo)簽做正確的事情毫捣;

?2)html語義化讓頁面的內(nèi)容結(jié)構(gòu)化,結(jié)構(gòu)更清晰帝际,便于對瀏覽器蔓同、搜索引擎解析;

?3)即使在沒有樣式css情況下也以一種文檔格式顯示蹲诀,并且是容易閱讀的斑粱;

?4)搜索引擎的爬蟲也依賴于HTML標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重,利于SEO脯爪;

?5)使于都源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊则北,便于閱讀維護(hù)理解。

8痕慢、瀏覽器加載過程

?瀏覽器接收到html代碼咒锻,可能是一份完整的文檔,也可能是一個chunk守屉,即開始解析。解析過程是先構(gòu)建dom樹蒿辙,再根據(jù)dom樹構(gòu)建渲染樹拇泛,渲染樹根據(jù)渲染樹就會繪制到瀏覽器上。

構(gòu)建dom樹的過程即根據(jù)html代碼自上而下構(gòu)建dom樹思灌,當(dāng)遇到script文件加載/執(zhí)行會阻塞后面dom樹的構(gòu)建(javascript可能會改變dom樹)俺叭,而遇到css文件則會阻塞渲染樹的構(gòu)建,即dom樹依然繼續(xù)構(gòu)建(除非遇到script標(biāo)簽并且css文件依舊未加載完成)泰偿,但不會渲染繪制到頁面上熄守。

而無論哪個阻塞,該加載的文件還是會加載,例如html文檔中的其他css/js/圖片文件裕照。至于javascript被加載后就會被執(zhí)行攒发,執(zhí)行的過程也阻塞樹的構(gòu)建。是執(zhí)行完了才解析其他內(nèi)容晋南,而不是執(zhí)行完了才加載其他內(nèi)容惠猿。

謝謝!!!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市负间,隨后出現(xiàn)的幾起案子偶妖,更是在濱河造成了極大的恐慌,老刑警劉巖政溃,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件趾访,死亡現(xiàn)場離奇詭異,居然都是意外死亡董虱,警方通過查閱死者的電腦和手機(jī)扼鞋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來空扎,“玉大人藏鹊,你說我怎么就攤上這事∽猓” “怎么了盘寡?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長撮慨。 經(jīng)常有香客問我竿痰,道長坐桩,這世上最難降的妖魔是什么瓦侮? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮喘落,結(jié)果婚禮上规伐,老公的妹妹穿的比我還像新娘蟹倾。我一直安慰自己,他們只是感情好猖闪,可當(dāng)我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布鲜棠。 她就那樣靜靜地躺著,像睡著了一般培慌。 火紅的嫁衣襯著肌膚如雪豁陆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天吵护,我揣著相機(jī)與錄音盒音,去河邊找鬼表鳍。 笑死,一個胖子當(dāng)著我的面吹牛祥诽,可吹牛的內(nèi)容都是我干的譬圣。 我是一名探鬼主播,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼原押,長吁一口氣:“原來是場噩夢啊……” “哼胁镐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起诸衔,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤盯漂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后笨农,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體就缆,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年谒亦,在試婚紗的時候發(fā)現(xiàn)自己被綠了竭宰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡份招,死狀恐怖切揭,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情锁摔,我是刑警寧澤廓旬,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站谐腰,受9級特大地震影響孕豹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜十气,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一励背、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧砸西,春花似錦叶眉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至杖狼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間妖爷,已是汗流浹背蝶涩。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工理朋, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人绿聘。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓嗽上,卻偏偏與公主長得像,于是被迫代替她去往敵國和親熄攘。 傳聞我的和親對象是個殘疾皇子兽愤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容