前端工程化管理工具篇

  • npm 安装机制及企业级部署私服原理
  • yarn 的安装理念及如何破解依赖管理困境
  • CI 环境上的 npm 优化及更多工程化问题解析
  • 横向对比主流构建工具，了解构建工具的设计考量
  • Vite 实现：从源码分析出发，构建 bundleless 开发过程

现代化前端开发和架构生态篇

  • core-js 及垫片理念：设计一个“最完美”的 Polyfill 方案
  • 梳理混乱的 Babel ，不再被编译报错困扰
  • 探索前端工具链生态，制定一个统一标准化 babel-preset
  • 从实战出发，从0到1构建一个符合标准的公共库
  • 代码拆分和按需加载：缩减 bundle size ，把性能做到极致
  • Tree Shaking ：移除 Javascript 上下文的未使用代码
  • 如何理解 AST 实现和编译原理？
  • 工程化思维处理方案：如何实现应用主题切换功能？
  • 解析 Webpack 源码，实现自己的构建工具
  • 从编译到运行，跨端解析小程序多端方案
  • 原生跨平台技术：移动端跨端平台到 Futter 的技术变革

核心框架原理与代码设计模式篇

  • 学习 axios ：封装一个结构清晰的 Fetch 库
  • 对比 Koa 和 Redux ：分析前端的中间件理念
  • 如何理解软件开发灵活性和高度定制性？
  • 如何理解前端中面向对象的思想？
  • 如何利用 Javascript 实现经典数据结构？
  • 剖析前端中的数据结构应用场景

前端架构设计实战篇

  • npm scripts ：打造一体化的构建和部署流程
  • 自动化代码检查：剖析 Lint 工具和工程化接入&优化方案
  • 如何设计一个前端 + 移动端离线包方案？
  • 如何设计一个“万能”项目脚手架？

前端全链路—-Node.js全栈开发篇

  • 同构渲染架构：实现一个 SSR 应用
  • 设计性能守卫系统：完善 CI/CD 流程
  • 实践打造网关：改造企业 BFF 方案
  • 实现高可用：使用 puppeteer 生成性能最优的海报系统

再谈项目的基建和架构，个人的价值和方向。