随着大前端技术的发展，前端的能力也被逐渐扩充，现如今的前端已不再局限于浏览器，而是逐步涵盖了前端、后端、客户端的各个层面，前端知识体系也被称为大前端。因此，想要全面地了解大前端，就需要了解各个层面的知识。

以下为大前端知识体系介绍，让想要全面了解大前端的我们能有更清晰的认识。

涵盖内容梳理

  • 前端基础

    • HTML5
    • css
      • css
      • less
      • sass
      • stylus
    • javascript
      • typescript

  • 浏览器

    • 渲染原理及优化
    • 同源策略
    • web安全
    • 性能优化

  • 前端工程化

    • 编译原理
      • ES5/ES6
      • babel
        • AST
      • UglifyJS
      • Traceur
    • 构建工具
      • webpack
      • esbuild
      • vite
    • 组件库
    • 低代码
    • 微前端

  • 前端框架

    • react
    • vue
    • angular

  • 计算机网络

    • OSI
    • TCP/UDP
    • HTTP
    • HTTP2
    • HTTP3
    • HTTPS
    • DNS

  • node

    • module
    • stream
    • IO
    • 中间件

  • 跨端

    • jsbridge
    • 小程序
    • RN
    • Flutter

  • DevOps

    • docker
    • CI/CD
    • nginx
    • jenkins

  • 可视化

    • webgl
    • canvas

  • 协作

    • git
    • eslint/tslint
    • commit lint

  • 埋点/监控

    • 异常监控
    • 性能监控

  • 移动端

    • IOS
    • Android
    • HarmonyOS

  • 数据结构/算法

    • 复杂库
    • 线性表
      • 数组
      • 链表
      • 队列
        • 优先队列
      • 栈
    • 哈希表
    • 树
      • 二叉树
      • 二叉搜索树
      • 遍历
      • BFS/DFS
      • 剪枝
    • 排序
      • 冒泡
      • 选择
      • 插入
      • 希尔
      • 归并
      • 快排
      • 堆排
      • 桶排
      • 基数
    • 搜索
      • 枚举
        • 遍历
        • 递归
      • BFS/DFS
      • 回溯
      • 分治
        • 二分查找
        • 分块查找
      • B树/B+树
      • 散列表
    • 动态规划
    • 贪心
    • 位运算
    • LRU