前端知识体系思维导图

前言

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

前端知识体系思维导图 搬砖吾爱 - 图1

前端三剑客🤺

HTML5&CSS3

前端知识体系思维导图 搬砖吾爱 - 图2

移动WEB

前端知识体系思维导图 搬砖吾爱 - 图3

JavaScript基础

前端知识体系思维导图 搬砖吾爱 - 图4

WebAPIS

前端知识体系思维导图 搬砖吾爱 - 图5

JavaScript高级&ES6

前端知识体系思维导图 搬砖吾爱 - 图6

移动WEB知识点补充

前端知识体系思维导图 搬砖吾爱 - 图7

jQuery

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

jQuery知识点分布

前端知识体系思维导图 搬砖吾爱 - 图8

版本控制工具

Git

前端知识体系思维导图 搬砖吾爱 - 图9

前端进阶

前端性能优化

前端知识体系思维导图 搬砖吾爱 - 图10

Node.js

Node.js基础

前端知识体系思维导图 搬砖吾爱 - 图11

Node常用的第三方模块

前端知识体系思维导图 搬砖吾爱 - 图12

网络请求

AJAX

前端知识体系思维导图 搬砖吾爱 - 图13

前端框架

Vue

前端知识体系思维导图 搬砖吾爱 - 图14

React

前端知识体系思维导图 搬砖吾爱 - 图15