什么是瀏覽器內(nèi)核端壳，常用的瀏覽器的內(nèi)核有哪些？
簡單來說瀏覽器可以分為兩部分岖免，shell+內(nèi)核照捡。其中shell的種類相對比較多，內(nèi)核則比較少闯参。Shell是指瀏覽器的外殼：例如菜單悲立，工具欄 等。主要是提供給用戶界面操作脚草，參數(shù)設(shè)置等等寥殖。它是調(diào)用內(nèi)核來實現(xiàn)各種功能的。內(nèi)核才是瀏覽器的核心熏纯。內(nèi)核是基于標記語言顯示內(nèi)容的程序或模塊粤策。也有一些 瀏覽器并不區(qū)分外殼和內(nèi)核。從Mozilla將Gecko獨立出來后，才有了外殼和內(nèi)核的明確劃分霹俺。目前主流的瀏覽器有IE毒费、Mozilla、FireFox想际、Opera溪厘、Safari、Chrome等侧甫。
-
瀏覽器內(nèi)核又可以分成兩部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎蹋宦。它負責取得網(wǎng)頁的內(nèi)容（HTML、XML僻爽、圖像等等）贾惦、整理訊息（例如加入CSS等）敦捧，以及計算網(wǎng)頁的顯示方式，然后會輸出至 顯示器或打印機习瑰。瀏覽器的內(nèi)核的不同對于網(wǎng)頁的語法解釋會有不同秽荤，所以渲染的效果也不相同。所有網(wǎng)頁瀏覽器窃款、電子郵件客戶端以及其它需要編輯晨继、顯示網(wǎng)絡(luò)內(nèi) 容的應(yīng)用程序都需要內(nèi)核。JS引擎則是解析Javascript語言，執(zhí)行javascript語言來實現(xiàn)網(wǎng)頁的動態(tài)效果唉擂。最開始渲染引 擎和JS引擎并沒有區(qū)分的很明確檀葛，后來JS引擎越來越獨立，內(nèi)核就傾向于只指渲染引擎空扎。有一個網(wǎng)頁標準計劃小組制作了一個ACID來測試引擎的兼容性和性 能胜臊。內(nèi)核的種類很多，如加上沒什么人使用的非商業(yè)的免費內(nèi)核黑忱，可能會有10多種勒魔，但是常見的瀏覽器內(nèi)核可以分這四種：Trident、Gecko抚吠、 Presto弟胀、Webkit。
Trident內(nèi)核：IE,MaxThon,TT,The World,360,搜狗瀏覽器等萧朝。[又稱MSHTML]
Gecko內(nèi)核：Netscape6及以上版本夏哭，F(xiàn)F,MozillaSuite/SeaMonkey等
Presto內(nèi)核：Opera7及以上。 [Opera內(nèi)核原為：Presto何址，現(xiàn)為：Blink;]
Webkit內(nèi)核：Safari,Chrome等进胯。 [ Chrome的：Blink（WebKit的分支）]
行內(nèi)元素和塊級元素有哪些？
首先：CSS規(guī)范規(guī)定项钮，每個元素都有display屬性，確定該元素的類型烁巫，每個元素都有默認的display值亚隙，如div的display默認值為“block”，則為“塊級”元素阿弃；span默認display屬性值為“inline”渣淳，是“行內(nèi)”元素。
-
區(qū)別：
（1）塊級元素會獨占一行入愧，其寬度自動填滿其父元素寬度 棺蛛；行內(nèi)元素不會獨占一行，相鄰的行內(nèi)元素會排列在同一行里旁赊，知道一行排不下终畅，才會換行，其寬度隨元素的內(nèi)容而變化离福。
（2）塊級元素可以設(shè)置 width, height屬性，行內(nèi)元素設(shè)置width, height無效 【注意：塊級元素即使設(shè)置了寬度，仍然是獨占一行的】
（3）塊級元素可以設(shè)置margin 和 padding. 行內(nèi)元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產(chǎn)生邊距效果赠涮，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產(chǎn)生邊距效果暗挑。（水平方向有效，豎直方向無效）
常見的行內(nèi)元素以及塊級元素可以參考 這兒
簡述一下你對HTML語義化的理解垃它？
用正確的標簽做正確的事情。
html語義化讓頁面的內(nèi)容結(jié)構(gòu)化洛史，結(jié)構(gòu)更清晰酱吝，便于對瀏覽器、搜索引擎解析;
即使在沒有樣式CCS情況下也以一種文檔格式顯示忆嗜，并且是容易閱讀的;
搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關(guān)鍵字的權(quán)重崎岂，利于SEO;
使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護理解冲甘。
什么是SEO
搜索引擎優(yōu)化， 是以網(wǎng)頁為載體损合，在不影響用戶體驗的前提下最大化讓網(wǎng)站符合搜索引擎的排名規(guī)則的所有手段集合嫁审。
-
常用的SEO方法：
1、TDK規(guī)則（合理設(shè)置html的head中的title律适、description捂贿、keywords）
2、描述性的標簽加上title屬性
3厂僧、每個頁面都需要有個h1標簽颜屠，合理使用h2-h6標簽
4、頁面進行服務(wù)端渲染甫窟，不要使用js渲染頁面（搜索引擎不會執(zhí)行js）
5粗井、頁面中合理地進行關(guān)鍵詞植入
你能描述一下漸進增強和優(yōu)雅降級之間的不同嗎?
漸進增強 progressive enhancement：針對低版本瀏覽器進行構(gòu)建頁面街图，保證最基本的功能懒构，然后再針對高級瀏覽器進行效果痴脾、交互等改進和追加功能達到更好的用戶體驗。
優(yōu)雅降級 graceful degradation：一開始就構(gòu)建完整的功能赞赖，然后再針對低版本瀏覽器進行兼容。
請描述一下cookies辕近，sessionStorage和localStorage的區(qū)別匿垄？
cookie是網(wǎng)站為了標示用戶身份而儲存在用戶本地終端（Client Side）上的數(shù)據(jù)（通常經(jīng)過加密）椿疗。cookie數(shù)據(jù)始終在同源的http請求中攜帶（即使不需要），記會在瀏覽器和服務(wù)器間來回傳遞浅乔。
sessionStorage和localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器铝条，僅在本地保存。
-
存儲大邪噻帧：
cookie數(shù)據(jù)大小不能超過4k埠忘。
sessionStorage和localStorage 雖然也有存儲大小的限制，但比cookie大得多假丧，可以達到5M或更大动羽。
-
有期時間：
localStorage 存儲持久數(shù)據(jù)渔期，瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動刪除數(shù)據(jù)渴邦；
sessionStorage 數(shù)據(jù)在當前瀏覽器窗口關(guān)閉后自動刪除谋梭。
cookie 設(shè)置的cookie過期時間之前一直有效倦青，即使窗口或瀏覽器關(guān)閉
什么利用多個域名來存儲網(wǎng)站資源會更有效？
CDN緩存更方便
突破瀏覽器并發(fā)限制
節(jié)約cookie帶寬
節(jié)約主域名的連接數(shù)隘庄，優(yōu)化頁面響應(yīng)速度
防止不必要的安全問題
頁面優(yōu)化的方法
-
重點：
（1）盡量減少HTTP請求次數(shù)
（2） 減少DNS查找次數(shù)
（3） 減少DOM元素數(shù)量
（4） 為文件頭指定Expires或Cache-Control
（5） Gzip壓縮文件內(nèi)容
（6） 把樣式表置于頂部癣亚、 把腳本置于頁面底部
（7） 避免使用CSS表達式（Expression）
（8） 使用外部JavaScript和CSS
（9） 減少DOM訪問
從地址欄輸入URL到頁面加載完成發(fā)生了什么述雾？
-
對于網(wǎng)址欄的URL不同的操作方式有不同的加載資源、獲取數(shù)據(jù)的方式唆缴，下面的詳細過程針對"在地址欄輸入URL黍翎，按enter(回車)鍵加載資源"此種操作方式做解析，其它的方式的過程大同小異斗忌，差異會在后面再做分析旺聚。
（1）瀏覽器開啟一個線程來處理這個請求，對URL判斷如果是http協(xié)議就按照web方式處理唧躲；
（2）瀏覽器先查看瀏覽器緩存-系統(tǒng)緩存-路由器緩存碱璃，如果緩存中有，會直接在屏幕中顯示頁面內(nèi)容（此時沒有向服務(wù)端發(fā)請求）肛真。若沒有爽航，則進行下一步操作（后面需要向服務(wù)端發(fā)送請求）乾忱；
（3）通過DNS解析獲取網(wǎng)址的IP地址;
（4）向真實IP地址服務(wù)器發(fā)起tcp連接窄瘟，與瀏覽器建立tcp三次握手趟卸。
（5）握手成功后，進行HTTP協(xié)議會話图云，瀏覽器發(fā)送報頭(請求報頭);
（6）進入到web服務(wù)器上的 Web Server右蕊，如 Apache琼稻、Tomcat、Node.JS 等服務(wù)器;
（7）進入部署好的后端應(yīng)用饶囚，如 PHP帕翻、Java、JavaScript萝风、Python 等嘀掸，找到對應(yīng)的請求處理;
（8）處理結(jié)束回饋報頭，將數(shù)據(jù)返回至瀏覽器;
（9）瀏覽器開始下載html文檔(響應(yīng)報頭规惰，狀態(tài)碼200)睬塌，同時設(shè)置緩存;
（10）之后瀏覽器對整個 HTML 結(jié)構(gòu)進行解析，形成 DOM 樹歇万；與此同時揩晴，它還需要對相應(yīng)的 CSS 文件進行解析贪磺，形成 CSS 樹（CSSOM）硫兰。
-
接下來，需要結(jié)合 DOM + CSSOM寒锚，形成一個繪制樹（Render Tree）;
（11）得到繪制樹之后劫映，需要計算每個結(jié)點在頁面中的位置，這一個過程稱為layout 刹前；
（12）layout的過程是在一個連續(xù)的二維平面上進行的泳赋，接下來，需要將這些結(jié)果柵格化喇喉，映射到屏幕的離散二維平面上祖今，這一過程稱為 paint ; 現(xiàn)代瀏覽器為提升性能，將頁面劃分多個 layer拣技，各自進行 paint 然后組合成一個頁面（composite layers）衅鹿。
