## HTML - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 - 常見的瀏覽器內核有哪些 > Trident內核：IE,MaxThon,TT,The World,360,搜狗瀏覽器等。[又稱MSHTML] > Gecko內核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等 > Presto內核：Opera7及以上。 [Opera內核原為：Presto，現為：Blink;] > Webkit內核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）] > 可參考文章：[瀏覽器內核的對比](http://www.cnblogs.com/fullhouse/archive/2011/12/19/2293455.html) - html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？ > HTML5 現在已經不是 SGML 的子集，增加了語義化結構標簽，input類型，多媒體，畫布標簽。 **支持HTML5新標簽：** IE8/IE7/IE6支持通過document.createElement方法產生的標簽，可以利用這一特性讓這些瀏覽器支持HTML5新標簽， 瀏覽器支持新標簽后，還需要添加標簽默認的樣式。當然也可以直接使用成熟的框架、比如html5shim; **區分HTML5**： DOCTYPE聲明\新增的結構元素\功能元素 - 簡述一下你對HTML語義化的理解 >正確的元素做正確的事，便于seo搜索，頁面結構清晰化。 - HTML5的離線儲存怎么使用，工作原理能不能解釋一下 > 在用戶沒有與因特網連接時，可以正常訪問站點或應用，在用戶與因特網連接時，更新用戶機器上的緩存文件。 原理：HTML5的離線存儲是基于一個新建的.appcache文件的緩存機制(不是存儲技術)，通過這個文件上的解析清單離線存儲資源，這些資源就會像cookie一樣被存儲了下來。之后當網絡在處于離線狀態下時，瀏覽器會通過被離線存儲的數據進行頁面展示。 使用： 1、頁面頭部像下面一樣加入一個manifest的屬性； 2、在cache.manifest文件的編寫離線存儲的資源； CACHE MANIFEST #v0.11 CACHE: js/app.js css/style.css NETWORK: resourse/logo.png FALLBACK: / /offline.html 3、在離線狀態時，操作window.applicationCache進行需求實現。 4 其他 mainfest詳情參考:[mdn介紹manifest](https://developer.mozilla.org/zh-CN/docs/Web/Manifest) mainfest使用案例：[使用案例介紹](https://segmentfault.com/a/1190000000732617) - 瀏覽器對離線緩存的處理 > 在線的情況下，瀏覽器發現html頭部有manifest屬性，它會請求manifest文件，如果是第一次訪問app，那么瀏覽器就會根據manifest文件的內容下載相應的資源并且進行離線存儲。如果已經訪問過app并且資源已經離線存儲了，那么瀏覽器就會使用離線的資源加載頁面，然后瀏覽器會對比新的manifest文件與舊的manifest文件，如果文件沒有發生改變，就不做任何操作，如果文件改變了，那么就會重新下載文件中的資源并進行離線存儲。 離線的情況下，瀏覽器就直接使用離線存儲的資源。 - 請描述一下 cookies，sessionStorage 和 localStorage 的區別 > cookie是網站為了標示用戶身份而儲存在用戶本地終端（Client Side）上的數據（通常經過加密）。 cookie數據始終在同源的http請求中攜帶（即使不需要），記會在瀏覽器和服務器間來回傳遞。 sessionStorage和localStorage不會自動把數據發給服務器，僅在本地保存。 **存儲大小：** cookie數據大小不能超過4k。 sessionStorage和localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大。 **有期時間：** localStorage 存儲持久數據，瀏覽器關閉后數據不丟失除非主動刪除數據； sessionStorage 數據在當前瀏覽器窗口關閉后自動刪除。 cookie 設置的cookie過期時間之前一直有效，即使窗口或瀏覽器關閉 - 如何實現瀏覽器內多個標簽頁之間的通信 > WebSocket、SharedWorker，postMessage 也可以調用localstorge、cookies等本地存儲方式（其中cookie是通過定時短查詢實現的，沒有監聽的api）； localstorge另一個瀏覽上下文里被添加、修改或刪除時，它都會觸發一個事件， 我們通過監聽事件，控制它的值來進行頁面信息通信； 注意quirks：Safari 在無痕模式下設置localstorge值時會拋出 QuotaExceededError 的異常； - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 - 介紹下你對瀏覽器引擎的認識 > 主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 **渲染引擎：** ：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。 **JS引擎**：解析和執行javascript來實現網頁的動態效果。 最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎 ## CSS