- doctype作用
- 告知瀏覽器的解析器用什麼文檔標準來解析文檔
- 影響瀏覽器對CSS代碼和JS腳本的解析
- 文檔解析類型
- 標準模式（standards mode）:頁面按照HTML與CSS的定義渲染
- 怪異模式（quirks mode）:會模擬更舊的瀏覽器的行爲
- 近乎標準（almost standards）:會實施一種表格單元尺寸的怪異行爲（與IE7之前的單元格佈局方式一致），除此之外符合標準定義
- HTML、XML和XHML的區別
- HTML（超文本標記語言）：在html4.0之前HTML先有實現後有標準，比較混亂和鬆散
- XML（可擴展標記語言）：主要用於儲存數據和結構，JSON也是類似的作用，但更加輕量高效
- XHTML（可擴展超文本標記語言）：基於上面兩者而來，HTML5前身
- data-屬性
- HTML的數據屬性
- 將數據存儲在HTML元素中
- 可以通過js訪問並操作
- HTML語義化
- 使用恰當語義的HTML標籤，讓頁面具有良好的結構和含義
- 對開發者友好，增加可讀性
- 對機器友好，便於做SEO和自動化生成文章目錄
- HTML5與HTML4的區別
- 文件類型聲明：<!DOCTYPE HTML>
- 新的解釋順序：SGML
- 新的元素：section，video，progress，nav，meter，time，aside，canvas，command，datalist，details，embed，figcaption，figure，footer，header，hgroup，keygen，mark，output，rp，rt，ruby，source，summary，wbr
- input元素新類型：date，email，url等
- 新屬性：ping（用於a與area），charset（用於meta），async（用於script）
- 全域屬性：id，tabindex，repeat
- 新的全域屬性：contenteditable，contextmenu，draggable，dropzone，hidden，spellcheck
- 移除元素：acronym，applet，basefont，big，center，dir，font，frame，frameset，isindex，noframes，strike，tt
- 常用meta標籤
- charset
- http-equiv
- viewport
- apple-mobile-web-app-status-bar-style
- src和href的區別
- src
- 指向外部資源位置
- 內容嵌入到文檔中當前標籤所在的位置
- 會阻塞其它資源的下載和處理，直到該資源加載、編譯、執行完畢
- href
- 指向網絡資源所在位置
- 不會阻塞
- src
- img的srcset的作用
- 設計響應式圖片
- srcset相似作用的標籤
- picture
- script標籤中defer和async的區別
- defer：script被加載後不會立即執行，等文檔被解析完畢後才執行
- async：script被加載後立即執行，不適用於對script有先後依賴關係的情況
- 前端存儲方式
- cookies
- 兼容性好
- 請求頭自帶cookie方便
- 大小隻有4k
- 自動請求頭加入cookie浪費流量
- 每個域名限制20個cookie
- 操作麻煩，往往需要自行再次封裝
- localStorage
- 操作方便
- 永久性存儲（除非手動刪除）
- 大小5M
- 兼容IE8+
- sessionStorage
- 與localStorage類型
- 頁面關閉後會清理掉
- 不能在所有同源窗口中共享，是會話級別的存儲方式
- Web SQL
- 2010年被W3C廢棄的本地數據庫數據存儲方案
- 關係型數據庫
- IndexedDB
- HTML5標準
- NoSQL數據庫
- 鍵值對存儲
- 可進行快速讀取操作
- cookies
參考資料
微信公衆號“前端那些事兒”
