HTML
1 新增標簽
語義化標簽: arcticle footer header nav section
表單控件: calendar date time email url search
功能標簽: canvas video audio
2 移除標簽
純表現元素: basefont bug center font s tt u
影響性能的元素: frame frameset
3 META標簽
4 Doctype
- <!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位于 <html> 標簽之前。
- <!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。
- 在 HTML 4.01 中,<!DOCTYPE> 聲明引用 DTD,因為 HTML 4.01 基于 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。
- HTML5 不基于 SGML,所以不需要引用 DTD
- DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。
5 前端數據存儲
類型 | 存儲地點 | 數據有效期 | 說明 |
---|---|---|---|
session | 服務器 | 根據server端設置的有效期 | 客戶端和服務端通過cookie里設置的sesson ID交互數據 |
cookie | 客戶端 | 根據server端設置的有效期 | cookie數據始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務器間來回傳遞。大小一般是4k |
sessionStroage | 客戶端 | 瀏覽器關閉前就有效 | 僅在本地保存。大小一般5M |
localStroage | 客戶端 | 一直有效 | 僅在本地保存。大小一般5M |
CSS布局
網絡
1 瀏覽器同源策略
Javascript
1 類型判斷
個人最喜歡 Object.prototype.toString.call(val) 方法,例如:
Object.prototype.toString.call('') => '[object String]'
判斷js中的數據類型的幾種方法