前端知识图谱: 初级

97 阅读1分钟

知识图谱

mindmap
  初级
  
    浏览器
      开发者工具
        安全面板
        性能面板
        应用面板
        网络面板
        内存面板
        源代码面板
        控制台面板
        元素面板
        设备模式
      兼容性
        Autoprefixer
        shim
        browserslist
        polyfill
        Can I Use
      安全与隐私
        Samesite
        CSRF
        CORS
        MITM
        XSS
        Contnt Security Polict(CSP)
      权限
        JWT
        SSO
        OAuth
        Session
        Cookie
      网络
        WebSocket
        JSONP
        Fetch
        XHR
      浏览器API
        Form
        Navigator
        Default Actions
        history
        location
      DOM
        DOM Events
        Styles
        DOM Properties
        DOM Node
        DOM Tree
        DOM Query
        DOM Modify
        Coordinates 、 Element Scrolling
        
    Javascript
      异常捕获
        Error
        throw
        try...catch...finally
      模块化
        amd、cmd、umd、esModule
        commonJS
      异步流程控制
        iterable
        generator
        async/await
        Promises/A+、Promisification、Thenable
        Callback
      类
        混合、Mixins
        私有属性、私有函数
        静态属性、静态函数
        Super、
        方法重载
        构造函数
        extend 继承
      原型
        Object.prototype
        F.pototype
        原型链、继承
      函数
        执行上下文
        部分施用、柯里化
        call、applay、bind
        setTimeourt、setInterval
        new Function
        箭头函数
        NFE、 函数命名表达式
        IIFE、匿名自执行函数
        var、变量提升
        arguments、params spread
        递归、尾递归
        作用域、闭包
        调用栈
      对象
        getters、setters
        Optinal chaining '?.'
        垃圾收集机制
        对象引用
        in、for...in
        Property flags、descriptors
        new
        Symbol
        类型转换 Symbol.toPrimitive
        this
        深拷贝、浅拷贝
        属性/字面量
      数据类型深入
        JSON 序列化、反序列化
        Object.keys,
        values,
        entries
        Iterable object (可迭代对象)
        字符串
        数字类型
        日期和时间
        WeakMap and WeakSet (弱映射和弱集合)
        数组方法
        结构赋值
        Map and Set (映射和集合)
        数组
        原始类型
      语法
        函数
        运算(表达式、运算符)
        流程控制
        值、变量
        数据类型
        
    HTML
      编码
      事件
      属性
      元素
      
    CSS
      应用
      动画
      样式
      布局
      定位
      选择器
      语法
      
    研发工具
      版本管理
      图片编辑器
      调试预览
      编辑器
      
    前端基础
      行业标准
      服务端
      网络
      客户端
    

学习资料:

浏览器

  1. 浏览器 - Chrome DevTools
  2. 权限 - Cookie
  3. 网络 - 同步和异步请求
  4. 兼容性 - Can I Use
  5. 安全与隐私 - Web安全
  6. 浏览器API
  7. DOM - DOM概述

Javscript

  1. MDN 异常
  2. MDN 类
  3. MDN 函数
  4. 对象 - JavaScript深入之变量对象
  5. 原型 - JavaScript深入之从原型到原型链
  6. 数据类型深入 - JavaScript 数据类型和数据结构
  7. 模块化 - ES6 系列之模块加载方案
  8. 异步流程控制 - ES6 系列之我们来聊聊 Promise

CSS