DAY1 HTML、CSS、JavaScript 复习 | 青训营

108 阅读1分钟

#青训营笔记创作活动 HTML、CSS、JavaScript 复习

HTML

基本语法
  • 标签Element
  • 文本Text
  • 注释
  • DTD Document Type Defination
  • 处理信息
标签分类
  • 文档型
    • <!DOCTYPE>
    • <head></head>
    • <body></body>
  • 闭合型
    • 闭合型标签
    • 空标签
  • 换行型
    • 块级标签
    • 行内标签
  • H5新元素
    • 语义化标签
    • 媒体标签(Audio、Video...)
    • 表单标签
    • 功能标签
head
  • title 标题
  • base 向页面所有相对URL提供前缀【全局唯一】
  • meta 设置键值对【charset、http-equiv...】
  • link rel决定类型,href决定引入地址
  • script type指定MIME类型

CSS

: 伪类选择器
  • :hover
  • :first-child、nth-child(3)...
  • :first-line、fist-letter...
+、~、>
  • A ~ B表示选择A标签后的所有B标签,但是A和B标签必须有相同的父元素
  • A +B表示选择紧邻在A后面的B元素,且A和B必须拥有相同的父元素,所选到的仅为一个B元素标签
  • A > B表示为A里面的第一代B元素标签

JavaScript

七种类型
  1. String
  2. Number
  3. Bollean
  4. NULL
  5. Undefined
  6. Symbol
  7. Object
    • Array
    • Function

其中,能被typeof检测的有

  1. object,对象类型;
  2. undefined,未定义类型;
  3. string,字符串类型;
  4. number,数字类型;
  5. boolean,布尔类型;
  6. function,函数类型
JS执行
  • 主线程: 按顺序执行
  • 宏队列:基本都是,如setTimeout、onClick
  • 微队列: Promise里回调属于微任务

先执行微任务再执行宏任务


以上就是根据青训营DAY1的学习对HTML、CSS、JavaScript的复习。