前端知识整理

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标签

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布局

常见布局整理
阮一峰-flexbox

网络

1 浏览器同源策略

阮一峰-浏览器同源策略
阮一峰-跨域资源共享CORS详解

Javascript

1 类型判断

个人最喜欢 Object.prototype.toString.call(val) 方法,例如:
Object.prototype.toString.call('') => '[object String]'
判断js中的数据类型的几种方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容