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

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

一渔欢、概念

1、頁面導(dǎo)入樣式時瘟忱,使用link和@import有什么區(qū)別奥额?

?? 答案解析:

?1)link屬于XHTML標簽苫幢,而@import是css提供的;

?2)頁面被加載時垫挨,link會同時被加載韩肝,而@import引用的css會等到頁面被加載完再加載;

?3)@import只在IE5以上才能識別九榔,而link是XHTML標簽哀峻,無兼容問題;

?4)link方式的樣式的權(quán)重高于@import的權(quán)重帚屉。

2谜诫、web storage和cookie的區(qū)別

?1) Web Storage的概念和cookie相似漾峡,區(qū)別是它是為了更大容量存儲設(shè)計的攻旦。

?2)Cookie的大小是受限的,并且每次你請求一個新的頁面的時候Cookie都會被發(fā)送過去生逸,這樣無形中浪費了帶寬牢屋,另外cookie還需要指定作用域,不可以跨域調(diào)用槽袄。除此之外烙无,

?3) Web Storage擁有setItem,getItem,removeItem,clear等方法,不像cookie需要前端開發(fā)者自己封裝setCookie遍尺,getCookie截酷。

?4) 但是Cookie也是不可以或缺的:Cookie的作用是與服務(wù)器進行交互,作為HTTP規(guī)范的一部分而存在 乾戏,而Web Storage僅僅是為了在本地“存儲”數(shù)據(jù)而生迂苛。

3、如何區(qū)分 HTML 和 HTML5鼓择?

?? 答案解析:

?1)在文檔類型聲明上不同:

? ? HTML是很長的一段代碼三幻,很難記住,而HTML5卻只有簡簡單單的聲明呐能,方便記憶念搬。

?2)在結(jié)構(gòu)語義上不同:

??? HTML:沒有體現(xiàn)結(jié)構(gòu)語義化的標簽,通常都是這樣來命名的摆出,這樣表示網(wǎng)站的頭部朗徊。

? ? HTML5:在語義上卻有很大的優(yōu)勢。

4偎漫、瀏覽器的內(nèi)核分別是什么?

? ? 答案解析:

? ? IE: trident內(nèi)核

? ? Firefox:gecko內(nèi)核

? ? Safari:webkit內(nèi)核

? ? Opera:以前是presto內(nèi)核爷恳,Opera現(xiàn)已改用Google Chrome的Blink內(nèi)核

? ? Chrome:Blink(基于webkit,Google與Opera Software共同開發(fā))

5骑丸、簡述同步和異步的區(qū)別

? ? 答案解析:

? ? 同步是阻塞模式舌仍,異步是非阻塞模式妒貌。

? ? 同步就是指一個進程在執(zhí)行某個請求的時候,若該請求需要一段時間才能返回信息铸豁,那么這個進程將會一直等待下去灌曙,直到收到返回信息才繼續(xù)執(zhí)行下去;

? ? 異步是指進程不需要一直等下去节芥,而是繼續(xù)執(zhí)行下面的操作在刺,不管其他進程的狀態(tài)。當(dāng)有消息返回時系統(tǒng)會通知進程進行處理头镊,這樣可以提高執(zhí)行的效率蚣驼。

6、什么是盒子模型相艇?

? ? 答案解析:

在網(wǎng)頁中颖杏,一個元素占有空間的大小由幾個部分構(gòu)成,其中包括元素的內(nèi)容(content)坛芽,元素的內(nèi)邊距(padding)留储,元素的邊框(border),元素的外邊距(margin)四個部分咙轩。這四個部分占有的空間中获讳,有的部分可以顯示相應(yīng)的內(nèi)容,而有的部分只用來分隔相鄰的區(qū)域或區(qū)域活喊。4個部分一起構(gòu)成了css中元素的盒模型丐膝。

7、垃圾回收機制(GC)

? ? 我們一般說的垃圾回收是針對內(nèi)存而言的钾菊。內(nèi)存在計算機中是很寶貴的一種資源帅矗,任何程序的運行都離不開它。由于內(nèi)存可以被程序操控结缚,為了防止內(nèi)存被程序濫用损晤,對內(nèi)存空間進行管理是十分必要的。說到內(nèi)存管理红竭,自然離不開JS中的垃圾回收機制尤勋,有兩種策略來實現(xiàn)垃圾回收:【標記清除 和 引用計數(shù);】

? ? 函數(shù)運行的時候茵宪,瀏覽器自動開辟一塊內(nèi)存 把瀏覽器內(nèi)部的各種變量最冰,存放在此內(nèi)存中運行結(jié)束后,用不到的變量稀火,把它自動回收

8暖哨、原型、原型鏈

? ? 每個函數(shù)都有一個prototype(原型)屬性;對象是沒有原型的 凰狞,但是有_proto_(原型鏈)篇裁,指向父級函數(shù)的原型沛慢。

9、事件委托达布、事件冒泡团甲、事件捕獲

? ? 一個div里面有個span元素?,當(dāng)鼠標單擊span時黍聂,這個事件算是誰的躺苦?div還是span?

? ? 事件冒泡: IE認為产还,這個事件首先觸發(fā)span,然后依次往父節(jié)點傳遞历谍,最終傳遞到document捶闸,(這個過程稱為冒泡)

? ? 事件捕獲:網(wǎng)景瀏覽器認為百新,任何事件都首先觸發(fā)document互墓,然后依次往下傳遞到span元素退唠,(這個過程稱為捕獲)

? ? 事件委托:根據(jù)事件冒泡機制丰涉,任何事件都會冒泡到document褂乍,事件委托就是把所有事件處理函數(shù)綁定到document帖渠,根據(jù)事件參數(shù)判斷事件源對象尤溜,判斷不同的對象給予不同的處理函數(shù)倔叼,

10、如何區(qū)分:DOCTYPE 聲明\新增的結(jié)構(gòu)元素\功能元素宫莱,語義化的理解丈攒?

? ? 答案解析:

?1)用正確的標簽做正確的事情;

?2)html語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化授霸,便于對瀏覽器巡验、搜索引擎解析;

?3)在沒有樣式 CSS 情況下也以一種文檔格式顯示碘耳,并且是容易閱讀的显设;

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

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

謝謝!!!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末斗搞,一起剝皮案震驚了整個濱河市指攒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌僻焚,老刑警劉巖允悦,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異虑啤,居然都是意外死亡隙弛,警方通過查閱死者的電腦和手機架馋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來全闷,“玉大人绩蜻,你說我怎么就攤上這事∈衣瘢” “怎么了办绝?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長姚淆。 經(jīng)常有香客問我孕蝉,道長,這世上最難降的妖魔是什么腌逢? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任降淮,我火速辦了婚禮,結(jié)果婚禮上搏讶,老公的妹妹穿的比我還像新娘佳鳖。我一直安慰自己,他們只是感情好媒惕,可當(dāng)我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布系吩。 她就那樣靜靜地躺著,像睡著了一般妒蔚。 火紅的嫁衣襯著肌膚如雪穿挨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天肴盏,我揣著相機與錄音科盛,去河邊找鬼。 笑死菜皂,一個胖子當(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
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有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
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留逮矛,地道東北人鸡号。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像须鼎,于是被迫代替她去往敵國和親鲸伴。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,901評論 2 355

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

  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,384評論 24 450
  • 請參看我github中的wiki晋控,不定期更新汞窗。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評論 2 19
  • <a name='html'>HTML</a> Doctype作用?標準模式與兼容模式各有什么區(qū)別? (1)赡译、<...
    clark124閱讀 3,476評論 1 19
  • 距離我29周歲的生日仲吏,還有20天。親愛的你,還沒有出現(xiàn)裹唆。我有一點點恐慌:以2開頭的年紀誓斥,我只剩下最后一年;但很快便...
    辛夷花Cynthia閱讀 375評論 0 0
  • 數(shù)日前,朋友從另外一個城市來參加同寢室的舍友婚禮成畦,結(jié)束后我們?nèi)齼蓛筛髯岳m(xù)約距芬。找了一家新開的燒烤店,點上一些肉串幾...
    本本環(huán)繞閱讀 262評論 2 0