前端知識體系思維導圖
學前端時所學到的知識，總結的思維導圖（并不包含前端所有知識點），很多都是結合自己的筆記來進行總結的思維導圖喲；
本篇文章適合人群：正在自學前端的小伙伴，可以參考前端大概都需要學習哪些技術，或者是已經學習過的兄弟姐妹，可以結合思維導圖對面試、復習串聯(lián)知識點進行復習??br/>

前端三劍客??/h2>

HTML5&CSS3

HTML??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">CSS都對入門者比較友善，學一些標簽和CSS屬性很快就能做出效果，有反饋之后比較有動力往下繼續(xù)學習，HTML5??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">CSS3新增了許多有用的特性，學習起來相對輕松的；

移動Web

學習移動端的很多適配布局還是很有必要的，你會發(fā)現(xiàn)比浮??定位布局不要太爽，移動端除了適配方案多比較麻煩，除此之外，布局??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">PC端輕松了許多??/p>

JavaScript基礎

JavaScript語法不算難，如果學習過其他語言再上??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">js也很容易，但js的詭異的特點都是需要靠日常項目填坑逐漸積累的，js庫也是五花八門，沒有所謂的學會，換成其他語言也是一樣，關鍵是思維，函數(shù)編程思維、面向過程、面向對象、設計模式，浩如煙海，深不可測；

WebAPIS

大致的學習一遍，記住一些常用的API，最后再手寫一個輪播圖哈哈，基本都能了解到很多操作DOM??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">API了；

JavaScript高級&ES6

ES6新增的許多特性，在實際開發(fā)中幾乎每天都在使用，非常有必要掌握??/p>

移動WEB知識點補??/h3>

jQuery

jQuery雖然已經過時了，里面封裝代碼的思想還是可以借鑒下的 (可以選擇性跳??

jQuery知識點分??/h3>

版本控制

Git

前端進階

前端性能優(yōu)化

Node.js

Node.js基礎

Node常用的第三方模塊

網絡請求

AJAX

前端框架

Vue

React