本文所有子级内容部分摘自网课《前端基础建设与架构 30讲》，为笔记。感谢作者侯策，支持正版。

前端领域探索

• 业务页面开发（搬砖人）
• 基建、工程化、AST、自动化（架构师）
• BFF、node.js、监控、计算机网络、脚本（node.js全栈）
• 杂：移动端、富文本、小程序、webGL
• 开源、轮子设计（程序员中的梦想家）

  知识目录

  前端工程化管理工具篇：1~5节

  1 npm与企业私服
  2 yarn与破解依赖管理困境
  3 CI环境下的npm与更多工程化问题
  4 构建工具的设计考量
  5 Vite与bundleless

  底层架构生态篇：6~16

  6 core-js及垫片polyfill
  7 梳理混乱的babel
  8 公共库处理与应用babel
  9 公共库构建实战
  10 代码拆分与按需加载
  11 treeShaking
  12 AST与编译原理
  13 工程化与主题切换
  14 webpack解读
  15-小程序：没接触过小程序开发，对此不感兴趣
  16-移动端跨平台：没接触过移动端，对此不感兴趣。

  核心框架原理与代码设计模式：17~22

  17 axios：fetch库设计模式
  18 分析前端中的中间件理念
  19 前端中的设计模式
  20-前端中的面向对象：老生常谈，感觉是凑时长的内容。
  21-Javascript实现经典数据结构：老生常谈，具体用到的时候再参考也可以，也有凑时长的感觉。
  22 前端中数据结构的应用

  前端架构设计实战：23~26

  23 npm scripts
  24 自动化代码检查
  25-移动端离线包方案：不熟悉先不看
  26 脚手架与命令行工具

  Node.js全栈开发：27~30

  27-实现一个ssr应用：未接触过ssr，暂时不看。SSR 适用于偏静态的内容展示场景，对内容密集型页面才有意义，而对于交互密集型的页面，SSR 所能提前渲染的内容不多。
  28 性能监测
  29 实践打造网关：改造企业BFF方案
  30 puppeteer