前端知识学习路径

业务开发

• 必修: html css javascript xhr异步 浏览器 工程化 框架 数据库 SSR 部署

• 选修: 设计模式 算法_数据结构 多端输出

• 其他: 二进制数据流

javascript

• 原型 原型链
• 作用域
• 执行上下文 this
• Promise 手写
• 高阶函数 函数做参数/做返回值
• 闭包
• 垃圾回收
• 迭代器
• 生成器 (可选)

CSS

• 样式计算
• 视觉格式化模型

浏览器

• 事件循环
• 渲染原理
• 缓存模式
• cookie
• storage 熟悉各种存储方案
• indexdb
• sw
• woker
• 跨页通信
• webapi

网络

HTTP协议

报文格式
缓存协议
部分传输协议
HTTPS
HTTP2
调试工具
跨域
JWT
安全: CSRF  XSS
webSocket
oauth2  第三方登录 微信登录 支付

TCP (了解)

AJAX

• fetch
• axios

工程化

模块化

包管理

• npm yarn pnpm

构建工具

• webpack vite

TypeScript

框架

• Vue React (必须两个)
• 深入理解原理

node

• egg nest.js
• 搭建BFF层 (node接口组装数据层)

数据库

• 怎么存, 怎么取, 一些常问概念
• mysql mongodb redis

SSR

部署

架构建设

工程化

自定义脚手架

源码

Vue React

方案

国家化 服务监控

工作内容

业务

• 前端

web app 小程序

• 流程

项目页面, 项目路由, 页面初始化请求, 页面生命周期, 提交表单, 更新表格, 参数传递, 参数数据共享, 参数缓存...

项目管理, 项目部署, 项目优化

• 后端

Koa mysql

• 流程

路由接口定义, crud-增查改删, 中间件, 项目部署, 服务器-服务器环境-项目应用环境-项目自身

基建

公司开发团队到达一定规模后, 组织人专门从事脚手架, webpack插件等服务于业务项目的开发工作

底层