前端面試小札(二)

5. 介紹一下你對瀏覽器內(nèi)核的理解挺勿?

答:“內(nèi)核”只是一個通俗的說法饶米,其英文名稱為“Layout engine”,翻譯過來就是“排版引擎”睦刃,也被稱為“頁面渲染引擎”(下文中各種說法通用)砚嘴。它負責取得網(wǎng)頁的內(nèi)容(HTML、XML涩拙、圖像等等)际长、整理信息(例如加入CSS等),以及計算網(wǎng)頁的顯示方式兴泥,然后會輸出至顯示器或打印機工育。所有網(wǎng)頁瀏覽器、電子郵件客戶端以及其它需要編輯搓彻、顯示網(wǎng)絡內(nèi)容的應用程序都需要排版引擎如绸。

6. 常見的瀏覽器內(nèi)核有哪些?

答:四大引擎內(nèi)核:Trident旭贬,Gecko怔接,Presto,Webkit稀轨。使用Trident內(nèi)核的瀏覽器:IE扼脐、Maxthon、TT奋刽、The World瓦侮,360的兼容模式和IE模式等;使用Gecko內(nèi)核的瀏覽器:Netcape6及以上版本杨名、FireFox脏榆、MozillaSuite/SeaMonkey;使用Presto內(nèi)核的瀏覽器:Opera7及以上版本台谍;使用Webkit內(nèi)核的瀏覽器:Safari须喂、Chrome吁断。360的極速模式等

7. HTML5有哪些新特性、移除了那些元素坞生?如何處理HTML5新標簽的瀏覽器兼容問題仔役?如何區(qū)分 HTML 和 HTML5?

答:HTML5已形成了最終的標準是己,概括來講又兵,它主要是關于圖像,位置卒废,存儲沛厨,多任務等功能的增加。新增的元素有繪畫 canvas 摔认,用于媒介回放的 video 和 audio 元素逆皮,本地離線存儲 localStorage 長期存儲數(shù)據(jù),瀏覽器關閉后數(shù)據(jù)不丟失参袱,而sessionStorage的數(shù)據(jù)在瀏覽器關閉后自動刪除电谣。

此外,還新增了以下的幾大類元素抹蚀。內(nèi)容元素剿牺,article、footer环壤、header晒来、nav、section郑现。表單控件潜索,calendar、date懂酱、time、email誊抛、url列牺、search∞智裕控件元素瞎领,webworker, websockt, Geolocation。

移出的元素有下列這些:顯現(xiàn)層元素:basefont随夸,big九默,center,font, s宾毒,strike驼修,tt,u。性能較差元素:frame乙各,frameset墨礁,noframes。

兼容性處理:IE8/IE7/IE6支持通過document.方法產(chǎn)生的標簽耳峦,利用這一特性讓這些瀏覽器支持HTML5新標簽恩静。使用是html5shim框架等。

區(qū)分:DOCTYPE聲明的方式是區(qū)分HTML和HTML5標志的一個重要因素蹲坷,此外驶乾,還可以根據(jù)新增的結構、功能元素來加以區(qū)分循签。

8. 簡述一下你對HTML語義化的理解级乐?其意義?

答:使用正確的標簽做正確的事情懦底!細分析來說html語義化就是讓頁面的內(nèi)容結構化唇牧,結構化的好處則便于對瀏覽器、搜索引擎解析聚唐。

語義化后在沒有樣式CCS情況下也是以一種文檔格式顯示丐重,并且也是容易閱讀的。利于 SEO杆查,搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重扮惦,語義化后,權重的特征明顯加深亲桦。使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊崖蜜,便于閱讀維護理解。

9. HTML5的本地存儲的優(yōu)點客峭?基本使用豫领?

答:Storage則在本地存儲,在客戶端頁面之間進行傳遞舔琅,另外等恐,相比于cookie,它還有下列優(yōu)勢:它存儲空間更大备蚓,每一個客戶端可以擁有5M的空間進行存儲课蔬;有更多更豐富的易用接口,存儲和讀取都非常方便郊尝;它們都有各自獨立的存儲空間進行數(shù)據(jù)的存讀二跋,API操作也非常方便。

localStorage.setItem("key","value")

localStorage.getItem("key","value")

localStorage.removeItem("key")

localStorage.clear()

10. HTML5的離線儲存怎么使用流昏,其工作原理扎即?

答:需要在你的頁面html元素中使用manifest屬性指向緩存名單文件吞获。

<html manifest="/cache.manifest">...</html>

離線網(wǎng)絡應用程序就是一個URL的列表——HTML,CSS铺遂,JavaScript衫哥,圖片,或者其他類型的資源襟锐。離線網(wǎng)絡應用程序的注意指向一個叫做名單文件并用于定位網(wǎng)絡服務器上任何文本文件的列表撤逢。用于執(zhí)行HTML5離線以用程序的網(wǎng)絡瀏覽器將從名單文件中讀取URL列表,下載這些資源粮坞,將他們在本地緩存蚊荣,并自動在這些本地副本改變時保持他們更新。當你嘗試在沒有網(wǎng)絡連接時訪問網(wǎng)絡應用程序莫杈,你的網(wǎng)絡瀏覽器將自動切換并使用本地代替互例。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市筝闹,隨后出現(xiàn)的幾起案子媳叨,更是在濱河造成了極大的恐慌,老刑警劉巖关顷,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件糊秆,死亡現(xiàn)場離奇詭異,居然都是意外死亡议双,警方通過查閱死者的電腦和手機痘番,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來平痰,“玉大人汞舱,你說我怎么就攤上這事∽诠停” “怎么了昂芜?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長赔蒲。 經(jīng)常有香客問我说铃,道長,這世上最難降的妖魔是什么嘹履? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮债热,結果婚禮上砾嫉,老公的妹妹穿的比我還像新娘。我一直安慰自己窒篱,他們只是感情好焕刮,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布舶沿。 她就那樣靜靜地躺著,像睡著了一般配并。 火紅的嫁衣襯著肌膚如雪括荡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天溉旋,我揣著相機與錄音畸冲,去河邊找鬼。 笑死观腊,一個胖子當著我的面吹牛邑闲,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播梧油,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼苫耸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了儡陨?” 一聲冷哼從身側響起褪子,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎骗村,沒想到半個月后嫌褪,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡叙身,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年渔扎,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片信轿。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡晃痴,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出财忽,到底是詐尸還是另有隱情倘核,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布即彪,位于F島的核電站紧唱,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏隶校。R本人自食惡果不足惜漏益,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望深胳。 院中可真熱鬧绰疤,春花似錦、人聲如沸舞终。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至余爆,卻和暖如春纷宇,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蛾方。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工像捶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人转捕。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓作岖,卻偏偏與公主長得像,于是被迫代替她去往敵國和親五芝。 傳聞我的和親對象是個殘疾皇子痘儡,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

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