js基础知识思维导图

js基础知识思维导图，包括数据类型、面向对象、基础知识、异步编程、高级技巧、canvas、DOM等等。

JS知识梳理

• 数据类型
  • 引用数据类型
  • 基本数据类型
  • 深拷贝、浅拷贝
  • 判断数据类型方法
  • '=='与'==='
  • 数据类型转换规则
• 面向对象
  • 对象和构造函数的属性读取规则
  • 创建模式
    • 工厂模式
    • 构造函数模式
    • 原型模式
    • 组合构造、原型模式
    • 动态原型模式
    • 寄生构造函数模式
    • 稳妥构造函数模式
  • 原型链
    • __proto__和prototype的含义及使用
    • 原型链图示
    • 原型的指向
    • new 一个对象时发生了什么
  • 继承
    • 原型链继承
    • 构造函数继承
    • 组合继承
    • 原型式继承
    • 寄生式继承
    • 寄生组合式继承
• 函数
  • 递归
  • 作用域
    • 垃圾收集机制
    • 内存泄露
    • 闭包
    • var 变量提升
    • call/bind/apply方法
    • this指向
• BOM
• DOM
• 事件
  • 事件流
  • 处理程序
  • 常见事件类型
  • 事件对象
  • 事件委托
  • 事件模拟
• Canvas
  • 基本用法
  • WebGL
• 高级技巧
  • 函数柯里化
  • 防抖节流
  • 惰性载入函数
  • 防篡改对象
  • 自定义事件
  • 跨域问题解决
  • 预防csrf、xss攻击
• ES6
  • 变量声明let、const
  • 解构赋值
  • 扩展运算符
  • 导入导出
  • 箭头函数指向
  • Proxy
  • rest参数
• 异步编程
  • 事件循环机制
  • 宏任务与微任务有哪些
  • 练习异步编程输出题
  • Promise的回调函数
  • async和await
  • 捕获异常及处理
• 基础知识
  • 语句、语法、操作符
  • 数组、字符串、数字方法
  • 正则表达式

中心主题