阿里大佬仅用了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
