前端思维导图

前端知识体系思维导图

前言

hello大家好，我是“通通到碗里来”，本文是想分享一下，我在自学前端时学到的知识，总结的各阶段思维导图，希望还在学习的小伙伴有所参考（加油呀^_^）

前端三剑客🤺

HTML5&CSS3 

HTML 与 CSS 都对入门者比较友善，学习一些标签与CSS属性很快能做出效果来，然后自己感觉蛮有成就的，就会有往下学的动力，HTML5与CSS3新增了许多有用的特性，学习起来也相对轻松

移动Web

学习移动端的很多适配布局还是很有必要的，你会发现比浮动+定位布局不要太爽，移动端除了适配方案多比较麻烦，除此之外，布局比PC端轻松了许多；

 

JavaScript基础

JavaScript 语法不算难，如果学习过其他语言在学习js也容易上手，但js的诡异的特点都是需要考日常的项目累计形成的，js库也是五花八门，没有所谓的学习，换成其他语言也是一样的，关键是思维。

 

 WebAPIS

大致的学习一遍，记住一些常用的API，最后再手写一个轮播图哈哈，基本都能了解到很多操作DOM的API了；

 JavaScript高级&ES6

ES6新增的许多特性，在实际开发中几乎每天都在使用，非常有必要掌握；

前端进阶 

前端性能优化

Node.js

Node.js基础

网络请求

AJAX

前端框架

Vue

React