全栈工程师会有另一个说法“T 字工程师”。“一横一竖”意思,目标是首先要保持全面。其次是,有一个“专长”方向。这里主要讲的是“一横”也就是广度的部分。

https://github.com/ftTony/learning-map》 和《前端知识体系思维导图》整理了很多前端知识点的方向,对于新人来说,非常有必要整理自己的知识路线,以此驱动自学,填补知识空缺。

一、前端技术路线

  1. Nodejs 工具库
  2. 网络与浏览器
  3. 页面性能优化
  4. 研发效能(自动化测试/mock平台/组件库)
  5. 前端框架(react、vue、svelte)
  6. 数据可视化
  7. CSS动画

进阶

  1. WASM(go,rust)
  2. devops持续集成(serverless/CDN/Edge)
  3. 前端工程化(webpack,vite)
  4. 动画引擎
  5. 页面渲染方式 SSR/ISR/Server Component

二、跨端技术路线(Client)