# Front-End-Xmind

**Repository Path**: xmkm/Front-End-Xmind

## Basic Information

- **Project Name**: Front-End-Xmind
- **Description**: 前端知识体系思维导图，可以用于查缺补漏或者面试复习串联知识点，系统学习前端知识，加深记忆🎉🎉
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 127
- **Forks**: 52
- **Created**: 2021-03-01
- **Last Updated**: 2024-08-25

## Categories & Tags

**Categories**: ebooks-manual

**Tags**: None

## README

# 前端知识体系思维导图
## 前言
> 本章想分享一下，**笔者在自学过前端时所有技能的思维导图**（并不包含前端所有技术点），很多都是结合自己的笔记进行总结的思维导图；
> 一起自学前端的小伙伴，可以参考一些前端都需要学哪些技术，或者是已经学习过的兄弟，结合思维导图对前端的大部分知识点进行复习，加深记忆🎉；
> 如果对你有帮助的话👏，就赏个 star ⭐ 鼓励一下吧~

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20210227171439.png)


## 前端三剑客🤺

### HTML5&CSS3

![](https://gitee.com/xmkm/cloudPic/raw/master/img/20201121181336.png)

### 移动WEB

![](https://gitee.com/xmkm/cloudPic/raw/master/img/20201121181958.png)



### JavaScript基础

![](https://gitee.com/xmkm/cloudPic/raw/master/img/20201121182608.png)



### WebAPIS

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20210227172534.png)



### JavaScript高级&ES6

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20201128111443.png)

### 移动WEB知识点补充

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20201128111707.png)



## jQuery

> `jQuery`虽然已经过时了，里面封装代码的思想还是可以借鉴下的 (可以选择性跳过)

### jQuery知识点分布

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20201128111210.png)



## 版本控制工具

### Git

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20201128111833.png)

## 前端进阶

### 前端性能优化

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20201128185658.png)

## Node.js

### Node.js基础

![](https://gitee.com/xmkm/cloudPic/raw/master/img/20201128212311.png)

### Node常用的第三方模块

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20201128212235.png)

## 网络请求

### AJAX

![](https://gitee.com/xmkm/cloudPic/raw/master/img/20201128212934.png)



## 前端框架

### Vue

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20210227173545.png)

### React

![](https://cdn.jsdelivr.net/gh/wanguano/cloudPic/img/20210114171342.png)