前端工作手册-目录大纲

记录在工作过程中应对各种场景需求沉淀下来的内容

前言

一、必备技能与项目上手

vue生态

  • vue 全家桶
  • vue3 composition API
  • vue3 上手

Typescript

  • Typescript 基本概念及语法
  • Typescript 在Vue3中的应用

前端工程化

  • JS模块化
  • npm 、npx、yarn、pnpm
  • 前端包结构

打包构建

  • vite
  • webpack
  • parcel
  • esbuild
  • gulp、grunt历史

二、团队协作及开发规范

代码风格统一

  • ESLint 基本配置与使用
  • Prettier 基本配置与使用
  • 经典方案: eslint 与 prettier 配合使用
  • 另一种方案:格式错误提示和修正均使用ESLint
  • 解析代码风格统一在大型开源项目中的应用

git 基本使用与规范、校验

  • git workflow
  • 提交前校验及提交规范
  • 解析 git 在大型开源项目中的应用

项目开发部署全流程

  • 基本的前端开发部署流程
  • 前端devops流程
  • 解析大型开源项目的开发部署全流程

三、业务场景

项目初始化与工具函数封装

后台管理系统

移动端

服务端渲染

小程序与跨端开发

大屏开发

Node 后端开发

组件库开发

脚手架与工具链开发

工具包开发与npm发布

CI/CD

四、周边技能

Nginx

Docker

数据库

算法与数据结构

埋点与前端监控

前端性能优化

网络协议

网络安全

域名与服务器选购

五、新技术场景与应用

微前端

前端搭建与低代码平台

Serverless 与 云函数云开发

GraphQL

Web3.0 与 元宇宙

VR AR MR

六、Javascript 深入理解与框架原理

Javascript 深入理解

框架核心原理

七、程序员软实力

参与、贡献开源项目

技术分享与个人影响力

产品思维

沟通与表达

职业规划与晋升

副业与自由职业