前端知识整理
2017-11-24 本文已影响0人
Jeremy_zhang
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中的数据类型的几种方法
