ie: trident核心
firefox：gecko核心
safari:webkit核心 (蘋果瀏覽器)
opera:以前是presto核心，opera現已改用google chrome的blink核心
chrome:blink(基於webkit，google與opera software共同開發
) 宣告位於文件中的最前面的位置，處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。（重點：告訴瀏覽器按照何種規範解析頁面）
頁面載入速度更快、結構化清晰、頁面顯示簡潔。
表現與結構相分離。
易於優化（seo）搜尋引擎更友好，排名更容易靠前。
seo：
search engine optimization的縮寫， 翻譯成中文就是「
搜尋引擎優化
"alt
是載入失敗時，顯示在網頁上的替代文字；
title 是滑鼠放上面時顯示的文字。
strong:粗體強調標籤，強調，表示內容的重要性
em:斜體強調標籤，更強烈強調，表示內容的強調點
漸進增強 progressive enhancement：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。
優雅降級
graceful degradation：一開始就構建完整的功能，然後再針對低版本瀏覽器進行相容。
區別：優雅降級是從複雜的現狀開始，並試圖減少使用者體驗的供給，而漸進增強則是從乙個非常基礎的，能夠起作用的版本開始，並不斷擴充，以適應未來環境的需要。降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處於安全地帶。
「優雅降級」觀點
「優雅降級」觀點認為應該針對那些最高端、最完善的瀏覽器來設計**。而將那些被認為「過時」或有功能缺失的瀏覽器下的測試工作安排在開發周期的最後階段，並把測試物件限定為主流瀏覽器（如 ie、mozilla 等）的前乙個版本。
在這種設計範例下，舊版的瀏覽器被認為僅能提供「簡陋卻無妨 (poor, but passable)」 的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏覽器。但由於它們並非我們所關注的焦點，因此除了修復較大的錯誤之外，其它的差異將被直接忽略。
「漸進增強」觀點
「漸進增強」觀點則認為應關注於內容本身。
內容是我們建立**的誘因。有的**展示它，有的則收集它，有的尋求，有的操作，還有的**甚至會包含以上的種種，但相同點是它們全都涉及到內容。這使得「漸進增強」成為一種更為合理的設計範例。這也是它立即被 yahoo! 所採納並用以構建其「分級式瀏覽器支援 (graded browser support)」策略的原因所在。
cdn快取更方便
***：伺服器
突破瀏覽器併發限制
節約cookie頻寬
節約主網域名稱的連線數，優化頁面響應速度
防止不必要的安全問題
網頁標準和標準制定機構都是為了能讓web發展的更『健康』
，開發者遵循統一的標準，降低開發難度，開發成本，seo也會更好做，也不會因為濫用**導致各種bug、安全問題，最終提高**易用性。
sessionstorage
用於本地儲存乙個會話（session）中的資料，這些資料只有在同乙個會話中的頁面才能訪問並且當會話結束後資料也隨之銷毀。因此sessionstorage不是一種持久化的本地儲存，僅僅是會話級別的儲存。而localstorage用於持久化的本地儲存，除非主動刪除資料，否則資料是永遠不會過期的。
web storage和cookie的區別
web storage的概念和cookie相似，區別是它是為了更大容量儲存設計的。cookie的大小是受限的，並且每次你請求乙個新的頁面的時候cookie都會被傳送過去，這樣無形中浪費了頻寬，另外cookie還需要指定作用域，不可以跨域呼叫。
除此之外，web storage擁有setitem,getitem,removeitem,clear等方法，不像cookie需要前端開發者自己封裝setcookie，getcookie。但是cookie也是不可以或缺的：cookie的作用是與伺服器進行互動，作為http規範的一部分而存在 ，而web storage僅僅是為了在本地「儲存」資料而生。
src用於替換當前元素，href用於在當前文件和引用資源之間確立聯絡。
href是hypertext reference的縮寫，指向網路資源所在位置，建立和當前元素（錨點）或當前文件（鏈結）之間的鏈結，如果我們在文件中新增
png-8，png-24，jpeg，gif，svg。
但是上面的那些都不是面試官想要的最後答案。面試官希望聽到是webp。（是否有關注新技術，新鮮事物）
科普一下webp：webp格式，谷歌（google）開發的一種旨在加快載入速度的格式。壓縮體積大約只有jpeg的2/3，並能節省大量的伺服器頻寬資源和資料空間。facebook ebay等知名**已經開始測試並使用webp格式。
在質量相同的情況下，webp
格式影象的體積要比jpeg格式影象小40%
web前端常見面試題整理 HTML CSS
1.標籤語義化的理解 去掉或丟失樣式的時候讓頁面顯示清晰的結構 有利於seo，有利於爬蟲讀取有效資訊，爬蟲依賴於標籤來確定上下文和各個關鍵字的權重 方便其它裝置 螢幕閱讀器，盲人閱讀器，移動裝置 解析渲染網頁 更便於開發和維護 2.doctype作用?doctype文件型別？嚴格模式與混雜模式如何區...
C STL常見面試題1
1.說說std vector的底層 儲存 機制。vector就是乙個動態陣列，裡面有乙個指標指向一片連續的記憶體空間，當空間不夠裝下資料時，會自動申請另一片更大的空間 一般是增加當前容量的50 或100 然後把原來的資料拷貝過去，接著釋放原來的那片空間 當釋放或者刪除裡面的資料時，其儲存空間不釋放，...
常見面試題整理1
面試題整理1 相同點 都是繼承collection介面 不同點 1.list 元素存放有順序，元素可重複 set 元素存放無順序，元素不可重複 2.list 支援for迴圈，也可以用迭代器 set 只能用迭代器，因為它是無序的，無法通過下標獲取元素 3.list和陣列相似，查詢元素效率高，插入刪除元...