# 前端基础知识图谱

• 前端基础知识图谱
  • HTML 基础
    • 语义化
    • 常用标签
  • CSS 基础
    • 布局
      • 盒模型
      • BFC
      • float
      • flex
    • 定位
    • 图文样式
      • 水平居中
      • 垂直居中
    • 响应式
      • px、em、rem、vm/vh
      • media query
  • Javascript 基础
    • 变量类型 & 计算
      • 值类型 & 引用类型
      • 类型判断
      • 逻辑运算
    • 原型 & 原型链
      • class
      • 继承
      • 原型
      • 原型链
      • instanceof
    • 作用域 & 闭包
      • 作用域
      • 自由变量
      • 闭包
      • this
    • 异步
      • 单线程
      • callback
      • 应用场景
      • Promise
      • event-loop
      • async/await
      • 微任务 & 宏任务
    • 模块化
  • Web API
    • DOM
      • 树形结构
      • 节点操作
      • 属性
      • 树结构操作
      • 性能
    • BOM
      • navigator
      • screen
      • location
      • history
    • 事件
      • 绑定
      • 冒泡
      • 代理
    • Ajax
      • XMLHttpRequset
      • 状态码
      • 跨域
    • 存储
      • cookie
      • localStorage
      • sessionStorage
  • 开发环境
    • git
    • webpack & babel
    • linux
  • 运行环境
    • 浏览器
      • 页面加载
        • 加载
        • 渲染
      • 性能优化
        • 加载资源优化
        • 渲染优化
      • 安全
        • xss
        • CSRF
    • 服务器
      • Node.js
  • HTTP
    • 状态码
    • method
    • Restful API
    • headers
    • 缓存策略
  • 框架
    • React
      • 组件
        • 类型
          • 函数式组件 + hook
          • class 组件
        • 三大属性
          • state
          • props
          • refs
      • 生命周期
      • 路由
      • Redux
      • 组件通信
    • Vue
      • 组件
        • computed
        • watcher
      • 生命周期
      • VueRouter
      • Vuex
      • 组件通信