阿里大佬仅用了60分钟就把前端主流知识体系及学习路线都给讲明白了！

​ https://www.bilibili.com/video/BV1K4q8YtEJ7 1

1、JavaScript

8分享
<编辑
DOM BOM
jQuery
scope
闭包
编程范式
逻辑执行
前端核心知识体系
JavaScript 使用
Promise
异步调用
async await
XHR
axios
browserlist
DOMO-2 browserlist caniuse JS 本身运行机制
caniuse

垃圾回收 OOM

性能优化

2、ECMAScipt

ecma-international.org/publications-and-standards/standards/ecma-262/
iote etew seendistion tor ettamivion intormtion

ECMAScipt
ESNext compiler babel SWC

Typescript declration .d.ts 模块化开发

3、Vue

github.com/encode-studio-fe/encode-chatgpt-vue/tree/master/src

AI智能助手 密码

optional API
life cycle
mixin
Vue2
slot
directive
plugin

reactive
ref
composition API
readonly
shallowXXX
Vue3
life cycle
async component lazy import
hooks
VueUse
teleport
modal
输入文本

Vuex
状态管理
Pinia

Vue-CLI
CLI
Vite
hash/history/memory
Router
手写router
hooks router
同构
SSR
nuxt

响应式
track trigger
ref reactive
原理
mount
template->compiler（AST）->runtime（VDOM）
Vue2：双向对比
update
diff
Vue3：最长递增子序列
VDOM->DOM

host env

4、React

React 16.8
Ul = render（data）-> props&state
life cycle
Hooks
自定义Hooks 实战
ErrorBoundary lazy import
Async lazy import（（）=>XXXX）
Portal
modal
HOC

Redux mobx
状态管理
Reducer action dispatch
useContext useReducer

Redux mobx
状态管理
Reducer action dispatch
useContext useReducer
template inquirer
CRA
CLI
React-Scripts
Router
React Router useXX

next
SSR
自定义

目定义
compiler+runtime
currentFiber
Fiber
双链表结构
workInProgressFiber
diff
原理
render
lane
Scheduler
commit
render DOM
A
Encoo

Hooks
not magic just array (Linked List)

5、前端工程化

lerna
monorepo
pnpm
npm
turborepo
multirepo
npm
工程化
package manage
yarn
pnpm

webpack
grunt
gulp
parcel
bundler
SWC
esbuild
vite
turbopack

turbopack SWC npm-scripts cache workflow depoly jest cypress moncha

npm scripts
git action auto actions
CI/CD
cache
workflow
depoly

unit test
jest
test
E2E test
cypress

微前端 single-spa qiankun wujie MF module Federation MF module Federation

6、数据结构&算法

7、Node.JS

HΤΤP
Node
cache 鉴权
express koa

8、跨端

uniapp
Taro
hybrid
跨端
RN
flutter
electron

hybrid electron

9、前端学习路线
10、如何写出一份高质量简历

3.大厂技术知识体系要求&如何学习
I
要求\级别
工作年龄
主要目标
核心能力
要求
1~3年
从学生转变为“打工人”
在别人知道下完成任务
技术：岗位基本技术&团队常用技术业务：熟悉业务功能的处理
逻辑管理：熟悉项目流程
P6
成为独立自主的“项目能手”独立负责端到端的项目任务
技术：熟练掌握遇到端的工作流技术业务：熟悉某业务的所有功
能管理：项目子任务推进
P7
3~5年
5~8年
成为让人信報的“团队专家”指挥单个团队达到目标
技术：精通团队相关技术业务：关注业务的整体情况管理：描挥
10人以内的小团队
P8
8年
成为“跨团队指挥”
指挥多个团队达成目标
技术：精通领域相关技术业务：熟悉多个业务或精通端到端业务
管理：核心是抓重点

encode-studio-fe.github.io/fe-spec/

nwy3y7fy8w5.feishu.cn/docx/J1AEdTyb8oN33lQg5mcxk6cnrg