🖥️ 前端技术索引

前端开发技术栈的知识地图，持续更新中。

基础导航: 前端构建工具 | Chrome | 前端项目

📚 核心框架

React 生态

• React
• React 更新策略
• 深入浅出搞定React
• React 生命周期
• setState 是同步更新还是异步更新
• Redux
• Flux

Vue 生态

• Vue
• Vue Router
• Vue 和 React 差异
• pinia
• Vue 3

其他框架

• Angular
• Svelte
• Astro
• Solid
• Nuxt

---

🛠️ 构建工具

打包器

• Webpack
• Webpack 优化
• Vite
• 无包构建
• DLL 打包
• mfsu
• Rollup
• esbuild

包管理

• npm
• pnpm
• yarn
• Bun

---

🏗️ 架构模式

微前端

• 微前端
• 微前端原理
• 微前端原理之隔离
• 微前端原理之通信
• single-spa
• Qiankun
• zswl微前端
• Web Components

设计模式

• 设计模式
• 开闭原则
• 单一职责原则

---

⚡ 性能优化

指标体系

• 前端优化
• Performance
• LCP
• FID
• FCP
• FP
• TTFB
• FPS

优化策略

• 预加载关键资源
• tree-shaking
• 骨架屏
• 防止白屏
• 防抖和节流
• 缓存策略
• CDN

---

🧩 组件开发

UI组件

• 前端组件库
• compoder
• Form 组件实现
• Formily
• 圈选组件优化

状态管理

• 状态管理
• Zustand

---

🔧 工程化

代码质量

• Eslint
• Babel
• TypeScript
• 前端工程化

测试

• Jest学习

监控系统

• 异常监控系统
• 错误监控系统

部署

• Docker
• Vercel
• 自动化部署
• 阿里云服务器
• 学会使用git

---

🌐 浏览器与网络

浏览器原理

• Chrome架构
• Chrome关键渲染路径
• Chrome DevTools Protocol
• EventLoop
• 同源策略
• CSRF
• Fiber

HTTP 协议

• HTTP发展史
• HTTPS
• HTTP 缓存
• HTTP 报文
• 网络协议灵魂之问
• 鉴权与加密算法

---

📖 学习资源

• 前端项目
• 前端函数式
• HTML、CSS 专题
• leetcode
• 红宝书第四版
• 《计算机网络自顶向下》
• 《计算机网络通关》
• 《初识操作系统》

---

❓ 面试题库

JavaScript 专题

• JavaScript问题
• JS类型检测
• JavaScript 代码的执行流程
• 高阶函数
• 正则
• 正则题
• 前端模块化

Vue 专题

• Vue 问题

前端编程题

• 前端好问题收录
• 前端编程题
• 代码片段

---

🔢 算法基础

• 算法基础
• 算法数学基础
• 排序算法
• 时空复杂度
• 数据结构模板
• 数据结构基础
• 树专题
• 链表专题

91 训练营

• 91第一期索引
• 91第二期索引
• 91第四期索引

---

🔗 相关索引

• 🤖 AI技术索引 - AI辅助开发
• 🗜 效率工具 - 开发工具
• 阿里云服务器
• github