前言
首先說清楚一點(diǎn)础米，這些題是我從其他人的帖子上面找到的其骄，但是答案都是經(jīng)過個(gè)人經(jīng)驗(yàn)以及google得到的啃奴，所以答案可能有些說的不正確的草则，希望大家指出钢拧。
- Doctype的作用是什么？
- <!DOCTYPE >是用來告訴瀏覽器當(dāng)前頁面所用的 markup language 是什么畔师，那些標(biāo)簽有效等娶靡，通常需要引用一個(gè)DTD文件（Doc Type Definition）,然而html5則不需要DTD牧牢，只需要寫<!DOCTYPE html> 即可看锉。
- 標(biāo)準(zhǔn)模式和混雜模式如何區(qū)分姿锭？它們有什么意義？
- 在瀏覽器廠商實(shí)現(xiàn)W3C標(biāo)準(zhǔn)的時(shí)候伯铣，同時(shí)也考慮了瀏覽器向后兼容的一些問題呻此，所以也就誕生了標(biāo)準(zhǔn)模式和混雜模式，標(biāo)準(zhǔn)模式是按照瀏覽器當(dāng)前最高標(biāo)準(zhǔn)渲染頁面腔寡，而混雜模式則為了實(shí)現(xiàn)向下兼容焚鲜，通常會(huì)模擬一些老瀏覽器的行為。
- 在書寫上放前，標(biāo)準(zhǔn)模式要在<!DOCTYPE>中引用標(biāo)準(zhǔn)模式的DTD忿磅，當(dāng)這部分書寫不完全，不正確或者干脆沒有的時(shí)候凭语，就會(huì)以混雜模式渲染葱她。
- html5是沒有標(biāo)準(zhǔn)模式和混雜模式的，它本身就很寬松似扔，向后兼容也都有吨些。（所以對(duì)于像我這樣從開始寫前端就已經(jīng)處在html5的大時(shí)代中的人，從來沒有體會(huì)過這兩個(gè)模式的意義和區(qū)別炒辉，感覺這個(gè)面試題沒有多大意義）
HTML5 為什么只需要寫 <!DOCTYPE HTML>?
這個(gè)問題的根源要追溯到一個(gè)叫做標(biāo)準(zhǔn)通用標(biāo)記語言（Standard Generalized Markup Language豪墅，SGML）的東西，像HTML,XML,XHTML這些標(biāo)記語言都是基于SGML的黔寇，SGML定義了這些標(biāo)記語言的標(biāo)簽符號(hào)等偶器，同時(shí)也定義了該怎么解析他們，配合一個(gè)合適的DTD文件來告訴瀏覽器文件中合法的標(biāo)簽是什么缝裤。然而HTML5根本就不基于這個(gè)東西状囱，所以DTD也就不需要了，光寫一個(gè) <!DOCTYPE HTML> 就夠了倘是。行內(nèi)元素有哪些亭枷？塊級(jí)元素有哪些？空元素有哪些搀崭？
- 行內(nèi)元素常用的也就那么幾個(gè)叨粘，比如<span>,<a>,<input>,<button>,<select>,<img>,<textarea>這些，還有現(xiàn)在很少會(huì)用的一些如<i>,<b>,<strong>,,sup這些瘤睹，可能有些還在用升敲，但是如果只是用來體現(xiàn)樣式的話，用css足以應(yīng)對(duì)轰传。
- 塊級(jí)元素呢驴党，<html>,<body>,<header>,<footer>,<nav>,<aside>,<article>,<p>,<form>,<video>,<audio>,<canvas>,<hr>,<div>這些都算是，而且還有好多获茬，估計(jì)面試官這么問港庄，他也只想讓你動(dòng)動(dòng)嘴罷了倔既。
- 空元素，鹏氧，渤涌，呵呵，把还，实蓬，我只知道<br/>, 寫這么長(zhǎng)時(shí)間，還真的只見過這一個(gè)吊履，其他的有人說<img/>也是安皱，見仁見智吧，我是覺得圖片明明顯示出來了艇炎，它空练俐？？冕臭？
- 頁面導(dǎo)入樣式有哪幾種方法腺晾，使用<link>和@import有什么區(qū)別？
- 首先辜贵，可以寫在標(biāo)簽內(nèi)做內(nèi)聯(lián)樣式悯蝉，也可以<style>標(biāo)簽包起來，還可以通過<link>引進(jìn)來托慨。
- 要說區(qū)別的話鼻由，大概有這么幾點(diǎn)：
- <link> 是html的標(biāo)簽，除了引用css 之外厚棵，還可以引用圖標(biāo)之類的蕉世，主要通過rel屬性來區(qū)分。@import 是 css2.1 定義的用來在css中引用外部樣式的操作符婆硬，當(dāng)然它還可以后加一些媒體查詢的語句狠轻。
- 在加載頁面時(shí)，<link> 引入的css同時(shí)被加載彬犯，而 @import 則會(huì)在頁面加載完以后才加載向楼。
- 既然 @import 是 css2.1以后才有的，那么兼容性肯定會(huì)需要考慮一下谐区，當(dāng)然在現(xiàn)在這個(gè)前端工程化的時(shí)代湖蜕，這也不是個(gè)問題。
- <link>引入的樣式是優(yōu)先于 @import 的宋列。
- 談?wù)勀銓?duì)瀏覽器內(nèi)核的理解
- 在我當(dāng)前的水平下昭抒，要是談及對(duì)瀏覽器內(nèi)核的理解，幾乎沒有理解，都是道聽途說灭返，畢竟也沒寫過內(nèi)核盗迟，連內(nèi)核的底層機(jī)制都不知道，哪兒來的理解婆殿，就好比我知道地球繞著太陽轉(zhuǎn)，但是從來不會(huì)說我對(duì)太陽有理解一樣罩扇。
- 好吧婆芦，前面都是廢話，瀏覽器內(nèi)核就是瀏覽器的渲染引擎喂饥，它決定了我們所寫的html, css會(huì)被渲染成什么樣子消约，以及javascript怎么在瀏覽器中執(zhí)行，所以就我猜測(cè)员帮，它至少需要一個(gè)編譯解析的功能或粮，并且對(duì)三劍客的解析模塊應(yīng)該是分開實(shí)現(xiàn)的（廢話），還需要在底層調(diào)用并控制GPU來控制顯示效果（更廢話）捞高。至于前端程序員氯材，就一定要清楚處理跨瀏覽器的兼容時(shí)事實(shí)上是在處理跨引擎的兼容（還是廢話）。
- 所以硝岗，我根本不理解瀏覽器內(nèi)核氢哮，別聽我瞎說。
- 常見的瀏覽器內(nèi)核有哪些型檀？
- Trident 內(nèi)核冗尤，也就是IE的內(nèi)核了，一個(gè)曾經(jīng)出現(xiàn)過很多bug胀溺，還一度無視w3c標(biāo)準(zhǔn)裂七，安全性有待考量的，幾乎完全靠 windows 市場(chǎng)份額實(shí)現(xiàn)了曾經(jīng)的壟斷形式的業(yè)界毒瘤仓坞。更可氣的國(guó)內(nèi)還有很多用它的內(nèi)核的山寨瀏覽器比如360瀏覽器背零，這些瀏覽器還像洗腦一樣得讓衣來伸手的中國(guó)網(wǎng)名愛不釋手。災(zāi)難啊无埃，捉兴，，录语，
- Gecko 內(nèi)核倍啥， firefox的內(nèi)核，這個(gè)內(nèi)核是在 IE 對(duì)W3C標(biāo)準(zhǔn)不怎么支持的時(shí)候澎埠，一些微軟員工不滿而協(xié)同Netscape員工一同開發(fā)的虽缕。又因?yàn)槭褂眠@個(gè)內(nèi)核的瀏覽器中 firefox 占份額最多，又被叫做 Firefox內(nèi)核
- Webkit 內(nèi)核蒲稳， 早期Chrome的內(nèi)核氮趋，以及Safari的內(nèi)核伍派，同時(shí)也是國(guó)內(nèi)大部分移動(dòng)端瀏覽器的內(nèi)核（可能有一些小的修改）
- Presto 內(nèi)核，曾經(jīng)Opera的內(nèi)核剩胁，但是自從Opera加入谷歌以后便棄用了诉植。
- Blink 內(nèi)核，當(dāng)前Chrome瀏覽器的內(nèi)核（注意V8引擎只是谷歌開發(fā)的JS內(nèi)核昵观，十分強(qiáng)大）
- HTML5 的離線儲(chǔ)存怎么使用晾腔，工作原理是什么？
- H5的離線緩存主要是通過在<html>標(biāo)簽中添加一個(gè)mainifest屬性啊犬，引入一個(gè).mainifest或.appcache文件灼擂，在其中進(jìn)行配置需要緩存的文件以及不允許緩存的文件。具體格式如下
CACHE MANIFEST
CACHE:
app.js
img.gif
NETWORK:
haha.html
FALLBACK:
/ / 404.html
- 至于工作原理觉至，剔应，，语御，峻贮，，应闯，求指點(diǎn)月洛。
今天這個(gè)文章就寫到這兒吧，孽锥，肩膀有點(diǎn)疼了嚼黔。。惜辑。唬涧。
