美文网首页
前端知识整理

前端知识整理

作者: Jeremy_zhang | 来源:发表于2017-11-24 12:29 被阅读0次

    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中的数据类型的几种方法

    相关文章

      网友评论

          本文标题: 前端知识整理

          本文链接:https://www.haomeiwen.com/subject/jlgxbxtx.html